Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/441.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery数据表don';我不在第二页上工作_Javascript_Jquery_Html_Css_Datatable - Fatal编程技术网

Javascript Jquery数据表don';我不在第二页上工作

Javascript Jquery数据表don';我不在第二页上工作,javascript,jquery,html,css,datatable,Javascript,Jquery,Html,Css,Datatable,我使用的是jquery datatables插件,它在第一页之后不起作用,事件单击功能只在第一页起作用 所以我发现了 Q.我的活动在第二页不起作用 A.将事件附加到由DataTables控制的表中的单元格时, 你需要小心怎么做。因为数据表删除了 从DOM节点中,可以使用静态事件侦听器应用事件 无法将自身绑定到表中的所有节点。克服 为此,只需使用jQuery委托事件侦听器选项,如中所示 这个例子。此外,您还可以使用my Visual Event bookmarklet 帮助调试事件问题 他们建议

我使用的是jquery datatables插件,它在第一页之后不起作用,事件单击功能只在第一页起作用

所以我发现了

Q.我的活动在第二页不起作用

A.将事件附加到由DataTables控制的表中的单元格时, 你需要小心怎么做。因为数据表删除了 从DOM节点中,可以使用静态事件侦听器应用事件 无法将自身绑定到表中的所有节点。克服 为此,只需使用jQuery委托事件侦听器选项,如中所示 这个例子。此外,您还可以使用my Visual Event bookmarklet 帮助调试事件问题

他们建议如下:

$('#example tbody').on('click', 'tr', function () {
    var name = $('td', this).eq(0).text();
    alert( 'You clicked on '+name+'\'s row' );
});
  $('#dataTables tbody tr').on('click', 'td', function (event) {
        if ($(this).attr('id') != "first" && $(this).parent().attr('data-href') !== undefined) {
            document.location = $(this).parent().attr('data-href');
        }
    });
但是,在我的情况下,它可以工作,我需要这样的选择器:

$('#example tbody').on('click', 'tr', function () {
    var name = $('td', this).eq(0).text();
    alert( 'You clicked on '+name+'\'s row' );
});
  $('#dataTables tbody tr').on('click', 'td', function (event) {
        if ($(this).attr('id') != "first" && $(this).parent().attr('data-href') !== undefined) {
            document.location = $(this).parent().attr('data-href');
        }
    });

如何解决保持选择器目标的问题?谢谢。

您仍然需要使用“#示例tbody”将其绑定到tbody,然后在第二个选择器中输入“tr td”,然后在更改页面后,它仍然应该绑定到td


表行及其子行发生了变化,因此静态地将其绑定到表行及其子行仍然缺少重点,您必须使用可选的绑定参数深入到变化的元素中,使您能够访问它们,即使它们发生了变化

没有问题,如果有效,您应该检查我的答案作为问题的答案