时间戳

首页 > 解决方案 > 我的 ajax 表单提交后，如何让我的引导模式保持原位而不消失？

ruby-on-rails - 我的 ajax 表单提交后，如何让我的引导模式保持原位而不消失？

问题描述

注意：我使用的是 Rails 2 应用程序（是的，它很旧）和 Bootstrap 4.4

所以我有一个引导模式，其中包含一个有效的 remote_form_for ajax 表单。当我提交表单时，我定位的页面上的 div 元素会重新加载它的内容......是的......这就是我想要的。但是，模态消失并离开模态背景......

<div class="modal-backdrop fade show"></div>

...在页面上。我如何能...

  1. 在我的 ajax 表单提交后，模式是否保持原位并且不会消失？

或者

  1. 在 ajax 成功时运行 JavaScript（jquery 或原型），这将删除 <div class="modal-backdrop fade show"></div>

这是模态表单的第一行，因此您可以看到到目前为止我是如何设置的

<% remote_form_for(:attendance, :html=>{:id=>"modalForm_#{sched.current.id}"}, :url => {:action => "attendance",:id => sched.current.id} ,:update =>"Assignment_#{sched.current.id}") do |g|%>
... form guts here
<%= g.submit "Update" %>

任何帮助表示赞赏。我已经为此苦苦挣扎了一个星期。

标签： ruby-on-railsajax

解决方案

所以这就是我为解决#2所做的（#1仍未解决）......

<% remote_form_for(:attendance, :html=>{:onsubmit => "jQuery('.modal-backdrop').fadeOut(200, function(){jQuery(this).remove();});" ,:id=>"modalForm_#{assignment.id}"}, ,:url => {:action => "doattendance",:id => assignment.id} ,:update =>"Assignment_#{assignment.id}") do |g|%>

注意 :html=> 里面的 jQuery 咒语

推荐阅读