使用 jQuery 数据表进行分页和双击答案

【问题标题】：Paging and double click with jQuery datatable使用 jQuery 数据表进行分页和双击
【发布时间】：2013-10-30 20:28:54
【问题描述】：

经过大量阅读帖子和摆弄，我认为这是为我的 jQuery 数据表的每一行附加一个双击“处理程序”：

   $('#myTable').find('tr').dblclick( function(e){
        var ref = $(this).find('td:first').text();
        someThingToDoWithTextFromFirstCell(ref);
   });

不幸的是，这似乎只适用于第一页上的行。我尝试做这样的事情作为一种解决方法（在分页时基本上做同样的事情）：

   $('#myTable').on('page', function () {
       $('#myTable').find('tr').dblclick( function(e){
          var ref = $(this).find('td:first').text();
          someThingToDoWithTextFromFirstCell(ref);
       });
     } );

但是，当它触发时，没有找到 tr，所以什么也没有发生。我假设事件在数据表有新行之前触发？

有谁知道我怎样才能让它工作？

这是一个 JS Fiddle 示例，Nikola。谢谢你的时间。双击一行并获得警报，单击下一步并双击一行并没有警报。 JS Fiddle example

这是您可以为不起作用的解决方法添加的内容：

 $('#example').on('page', function () {
   $('#example').find('tr').dblclick( function(e){
      var ref = $(this).find('td:first').text();
      alert(ref);
   });
 } );

【问题讨论】：

标签： javascript jquery datatables jquery-events

【解决方案1】：

你可以找到答案here。

因此，对于动态创建的元素，您应该使用：

$(document).on("dblclick", "#myTable tr", function () {
    //code here
});

【讨论】：