как сделать так, чтобы мой bootstrap модал оставался на месте и не исчезал после отправки ajax форм?

Question

Примечание: я нахожусь в приложении Rails 2 (да, оно старое) и Bootstrap 4.4

Так что у меня есть модал bootstrap, который содержит рабочую форму remote_form_for ajax. Когда я отправляю свою форму, элемент div на моей странице, на которую я нацеливаюсь, перезагружает его содержимое ... да ... это то, что я хочу. ОДНАКО модал исчезает и оставляет фон модальности ...

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

... на странице. Как мне ...

1. иметь модальное место на месте и не исчезать после отправки ajax форм?

ИЛИ

запустите JavaScript (jquery или прототип) при успехе ajax, который удалит <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" %>

Любая помощь приветствуется. Я уже неделю бьюсь головой об этом.

Answer 1

Итак, вот что я сделал для решения # 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|%>

Обратите внимание на заклинание jQuery внутри: html =>