Bootstrap 4 Modal仅运行一次

Question

因此由于某种原因，我创建了两个模态。但是，当我第一次打开它们中的任何一个，然后关闭该模态时，当我第一次执行该操作时，它将不再打开这两个中的任何一个。

这是我的javascript：

<script>
   $(document).ready(function()
   {
     $("#accountsTable").tablesorter();

     $('#newAccount').on('click', function() {
        $.ajax({
         async:true,
         url: '/crm/accounts/create_account_modal',
         success: function(res)
         {
            $('.createAccountModalBody');
            alert(res);
            $('#createAccountModal').modal({show:true});
            $('.createAccountModalBody').html(res);

         }});
    });

    $('tr').on('dblclick', function() {
       var AccountID = $(this).find('td').first().html();
       alert(AccountID);
       $('.editAccountModalBody').load('/crm/accounts/edit_account/1');

       $('#editAccountModal').modal('show');
    });

      $('#editAccountModal').on('hidden.bs.modal', function () {
                $(this).removeData('bs.modal');
                $(this).empty();
                $(this).removeAttr('style');
      });
        $('#createAccountModal').on('hidden.bs.modal', function () {
                $(this).removeData('bs.modal');
                $(this).empty();
                $(this).removeAttr('style');
      });

   });

   $('tr').on('dblclick', function() {
       var AccountID = $(this).find('td').first().html();
        alert(AccountID);
       $('.editAccountModalBody').load('/crm/accounts/create_account_modal');

       $('#editAccountModal').modal('show');
    });

</script>

Answer 1

使用

$(this).empty();

您将删除模式中的所有html，因此下次单击时将不会显示html

我建议将数据附加到特定的ID /类名上，并仅将该ID而不是整个模式填充为空

喜欢：

$("#editAccountModalDATA").empty();