美文网首页我爱编程
datatables 组件翻页后JS不生效。

datatables 组件翻页后JS不生效。

作者: 现实梦想_96b0 | 来源:发表于2018-03-20 11:01 被阅读63次

我用了jQuery的datatables组件,页面显示的表格,有些单元格我还需要应用Jquery,通过ajax来处理一下,比如点击按钮删除某一行,或隐藏某个单元格。但为什么我写了脚本以后,第一页操作都完全正常,但翻到第二页之后就不生效了(例如click等,在第二页之后就都没反应了)

找到原因了,不能直接写JS,要用JQuery的On()方法,语法如下:

$(selector).on(event,childSelector,data,function,map)

例如:         $('.table tbody').on('click',‘tr’ ,function () {

var name = $('td', this).eq(0).text();

alert( 'You clicked on '+name+'\'s row' );

} );

我的案例:

相关文章

网友评论

    本文标题:datatables 组件翻页后JS不生效。

    本文链接:https://www.haomeiwen.com/subject/gxsvqftx.html