dataTable 给行绑定点击事件

最新推荐文章于 2024-05-10 13:22:17 发布

小心漂亮女人呀

最新推荐文章于 2024-05-10 13:22:17 发布

阅读量1.2k

点赞数

文章标签： js

本文链接：https://blog.csdn.net/m0_49004429/article/details/119611023

版权

这篇博客探讨了在JavaScript中使用DataTable插件时遇到的事件绑定问题，特别是点击事件无法正常工作的情况。作者尝试了多种直接和间接的DOM绑定方式，包括直接绑定到表格ID、tbody和tr，但均未成功。最终，通过给表格添加一个Class属性并基于Class进行事件绑定解决了问题。示例代码展示了如何正确绑定事件并获取选中行的数据。

摘要由CSDN通过智能技术生成

$('#dtMaterialList').DataTable()/* 初始化*/
/*绑定到S 都绑定不上？？*/

$("#dtMaterialList tbody tr").on('click', function () {/** 绑定 */
    console.log("OK");
 })

$(document).on('click', "#dtMaterialList tbody tr"，function () {/** 绑定 */
    console.log("OK");
 })

$("#dtMaterialList").on('click',"tbody tr" function () {/** 绑定 */
    console.log("OK");
 })

$("#dtMaterialList tbody").on('click', "tr" function () {/** 绑定 */
    console.log("OK");
 })

$("#dtMaterialList").on('click', "tr" function () {/** 绑定 */
    console.log("OK");
 })

解决方法：加个Class属性用Class 绑定

<table id="dtMaterialList" data-plugin="dataTable" class="dtPurin"> </table>

$(document).on('click', '.dtPurin tbody tr', function () {
    console.log(dataTable.row(this).data());
})