如何使我的事件在所有数据表页面上工作？

Posted 2023-05-09

【中文标题】如何使我的事件在所有数据表页面上工作？

【英文标题】：How can I make my event work on all datatable pages?

【发布时间】：2018-08-09 04:36:29

【问题描述】：

在加载我的数据表后单击.mytext 时，我会收到警报。但这仅适用于数据表分页的第一页。如果我转到另一个页面，它就不再工作了。

   var table = $('#table').DataTable(
     "ajax": 
            "url": "data/table.json",
            "dataSrc": "",
        ,

      "columns": [
            
                "data": "id"
            ,
            
                "data": "name"
            ,
            
                "data": "age"
            
        ],
       initComplete: function () 
          $(".mytext").on("click", function () 
             alert("something happens");
          );
      ,
    );

【参考方案1】：

您应该使用事件delegation (http://api.jquery.com/on/)。不是直接绑定在元素上，而是绑定document 或“父元素”，然后设置target。

这是一个例子：

$(document).on("click", ".mytext", function () 
    alert("something happens");
);