jQuery：使用jQuery DataTables進入模式窗口時出錯

Question

我有一個窗體中的按鈕，當按下時，顯示一個模式窗口，其中包含一個jQuery DataTable，我可以搜索，導航或分頁顯示10或20個條目，但當我按任何TR獲取該TR中每個TD的信息並將該信息放入窗體中的3個元素中並關閉模式窗口時...是可以的，但如果再次按下該按鈕以打開帶有數據表的模式窗口，搜索功能，顯示更多的條目或分頁不再工作

創建一個DataTable

$('#tableResults').dataTable({ 
    "sPaginationType" : "full_numbers" 
}); 

執行模式窗口

$('#button').click(function() { 
     $("#divModal").modal({onClose: function (dialog) { 
       dialog.container.fadeOut('slow', function() { 
        $.modal.close(); 
       }); 
     }}); 
    }); 

事件點擊TR

$('#tableResults tr:gt(0)').live('click', function() { 
     name = $(this).closest('tr').find('td:eq(0)').text(); 
     lastname = $(this).closest('tr').find('td:eq(1)').text(); 
     email = $(this).closest('tr').find('td:eq(2)').text(); 

     $('#name').text("Name: "+name); 
     $('#lastname').text("Last Name: "+lastname); 
     $('#email').text("Email: "+email); 
     $.modal.close(); 
    }); 

我希望我在此先感謝解釋和。

Answer 1

的Simplemodal文件說：

默認情況下，SimpleModal會克隆您傳遞的數據元素在關閉對話框，克隆的，不變的，數據元素會被重新插入到DOM中它的原始地方。如果persist選項爲true，則SimpleModal將「重新插入」原始元素，並保留更改。如果您使用onClose回調，則需要調用$ .modal.close（）; （請參閱上面的選項&回調部分中的onClose）。

和

堅持[布爾：假] 堅持跨模態調用的數據？僅用於現有的DOM元素。如果爲true，則數據將在模態調用中維護，如果爲false，則數據將恢復到其原始狀態。

所以訣竅似乎是在Simplemodal選項中設置persist: true。

$('#button').click(function() { 
    $("#divModal").modal({ 
     persist: true, 
     onClose: function (dialog) { 
      dialog.container.fadeOut('slow', function() { 
       $.modal.close(); 
      }); 
     } 
    }); 
});