從第二頁的JQuery數據表中無法識別JQuery onclick事件

Question

我有JQuery Datatable，單擊刪除鏈接后想刪除行。 前十行（即第一頁）運行正常。 當我從分頁移動到另一個。 沒用 這是我的代碼：

$("#example tbody td.delete").click(function(event) {
                var row = $(this).closest("tr").get(0);
                oTable.fnDeleteRow( row );
    });

一行的所有最后td都具有“刪除”類。

我應該怎么做才能處理所有頁面或所有記錄？

Answer 1

如果您使用的是jQuery 1.7或更早版本，則需要使用實時事件處理程序，因為后續頁面是動態添加的。

$('#example tbody td.delete').live('click', function(event) {
    var row = $(this).closest('tr').get(0);
    oTable.fnDeleteRow( row );
});

jQuery .live（）

編輯：

似乎人們仍在使用此答案，因此，請使用最新的最佳實踐更新它， 請勿使用.live（）。 Live在1.7中已棄用， 在1.9中已刪除 。 而是使用.on（）處理函數。 通過將事件綁定到父元素，並將您要定位的實際元素用作可選的選擇器參數，可以處理委托事件。 要在上面的示例中使用它，它將看起來像這樣：

$('#example tbody').on('click', 'td.delete', function(event) {
    var row = $(this).closest('tr').get(0);
    oTable.fnDeleteRow( row );
});

Answer 2

當嘗試綁定內聯事件時我堅持了你的想法

 onclick="$('#dataConfirmOK').attr('href',$(this).attr('url'))"

Answer 3

如果實時擴展無法正常工作，則可以添加實時擴展插件。 http://plugins.jquery.com/files/live-extension.js_4.txt

最好在加載下一頁項目時綁定它們的“ Click事件”。 每次加載頁面時，請加載以下代碼。 並定義函數“ click_function_to_call”。

<script type="application/javascript">
  $("#example tbody td.delete").click(click_function_to_call);
</script>