jQuery数据表OnClick tr td：不

Question

我有一个JQuery Data表，我有一个onClick函数，该函数收集表的所有行数据并显示模式...这很好。当我单击表标题对行进行排序时，问题仍然存在，因为模式出现在表行中……我的问题是我如何允许TR TD工作而不允许TR TH？

我尝试了：没有选择它无效的方法

 $('#jqueryDataTable').on('click', 'tr', function () {

            //This is the selected data from the row
            selectedData = table.row(this).data();
            //Display a MODAL with this information

 });

我希望当我单击标题以对模式进行排序时，并且单击时不会触发。

Answer 1

//Add the event listener to the tbody tag's table rows
//This will eliminate the problem of clicking a table header as it is contained
//In the thead tag
 $('#jqueryDataTable tbody').on('click', 'tr', function () {

            //This is the selected data from the row
            selectedData = table.row(this).data();
            //Display a MODAL with this information

 });