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();