jQuery UI的對話框不工作的tablesorter尋呼機

的第二頁，我通常會包含大量的代碼與我的問題，但我不知道到底是什麼，我應該包括這個！jQuery UI的對話框不工作的tablesorter尋呼機

我有在表中的用戶的列表，我使用的尋呼機的tablesorter（分頁）插件http://tablesorter.com/docs/example-pager.html

在每一行中存在用於每個用戶刪除按鈕表示在一個時間只有10個用戶。當你點擊刪除按鈕時，彈出一個對話框「你想刪除這個用戶等等等等等等......」http://jqueryui.com/demos/dialog/

我遇到的問題是當我轉到表格分頁的第2頁（或任何其他頁面不是第一個）jQuery對話框不會「激活」，並且您可以在沒有對話框警告的情況下刪除用戶。

沒有人有使用這些兩個插件的經驗，在串聯或有某種功能，我需要打電話的時候我通過分頁移動到新的頁面，以「刷新」的UI插件。

總結：tablesorter/pager按預期工作，jQuery UI對話框按預期工作，但當頁面上的頁面不是1時，jQuery UI對話框不會加載。

希望是有道理的，如果有任何額外的信息/代碼，任何人都需要幫助我這一個請你和我將增加。

編輯

這是腳本調用對話框。

<script type="text/javascript"> 
    $('#dialog-confirm').hide(); 
     $('.delete-recip').bind('click',function(e){ 
      e.preventDefault(); 
      var targetUrl = $(this).attr("href"); 
     $("#dialog-confirm").dialog({ 
       resizable: false, 
       height:140, 
       modal: true, 
       buttons: { 
        "&{'recipientlist.DeleteUserButton'}": function() { 
         $(this).dialog("close"); 
         window.location.href = targetUrl; 
        }, 
        &{'recipientlist.DeleteUserCancel'}: function() { 
         $(this).dialog("close"); 
        } 
       } 
      }); 
    }); 

}); 
</script>

來源

2012-07-27 Oliver Millington

你連上的按鈕結合的點擊，這樣就可以顯示一個對話框，當點擊一個按鈕？如果是這樣，請檢查該綁定是否在另一個頁面上仍然有效。（例如''的console.log（...）''） – Calavoow 2012-07-27 15:04:25

控制檯日誌是給我什麼我怕 – 2012-07-27 15:18:20

你能提供一些示例代碼？你如何打開對話框？它是否處於按鈕的單擊事件中？你如何綁定該點擊事件？對話框是一個單獨的對話框，每次點擊都會打開並更新一次，或者每次單擊都會生成一個包含新信息的新對話框？您是否使用事件委派來綁定點擊？ – 2012-07-27 15:22:10

需要委派的功能的靜態元素....的DOM後創建分頁元素，因此不會有任何綁定到這些事件。使用

委派的jQuery 1.7的.on() - >

$(document).on('click', '.delete-recip', function(){ 
    // copy function code here 
});

來源

2012-07-27 15:35:35 Ohgodwhy

大加讚賞，一直在努力解決這個問題了而。 – 2012-07-27 15:36:06

jQuery UI的對話框不工作的tablesorter尋呼機

回答

相關問題