jquery - 从 onclick 事件中排除响应数据表 +

标签 jquery html css datatable datatables

我有一个动态呈现的 DataTable ( https://datatables.net)。我有一个用于显示一些数据的行的点击事件,我是按照本教程做的:

https://datatables.net/examples/advanced_init/events_live.html

我在通过这样做排除的行中有一个选择框:

$('#resdatatable tbody').on('click', 'tr', function (e) {
if($(e.target).is('select')){
        e.preventDefault();
        return;
    }

效果很好。

但现在我正在尝试使数据表响应,所以我正在学习本教程:https://datatables.net/extensions/rowreorder/examples/initialisation/responsive.html

效果很好,但我也需要从点击事件中排除小绿色 +,我正在尝试这样做:

$('#resdatatable tbody').on('click', 'tr', function (e) {
if($(e.target).is('select') || $(e.target).hasClass('dtr-column') ){
        e.preventDefault();
        return;
    }

但它不起作用,我不知道如何让它工作或如何识别这个绿色或红色的小按钮。

编辑:另一种方法是排除对第一列的点击。

编辑 2:

使用这个:

$('#resdatatable tbody').on('click', 'tr:not(:first-child)', function (e) {
if($(e.target).is('select')){
        e.preventDefault();
        return;
}

禁用第一行,但不禁用第一列...?

最佳答案

这是我解决问题的方法,效果很好:

 if($(e.target).is('select') || $(e.target).is('td:first-child') ){
            e.preventDefault();
            return;
        }

关于jquery - 从 onclick 事件中排除响应数据表 +,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59152142/

相关文章:

jquery - 当文本在网页上可见时如何使文本加下划线?

javascript - 快速单击复选框时出错

Javascript-JQuery : sliding menu going left-to-right?

javascript - 如果一个被禁用,两个表单输入可以有相同的名称吗?

php - 错误警告:mysql_fetch_array()期望参数1为资源, bool 值在[duplicate]中给出

html - 如果一个元素位于可变宽度包装器中,则垂直对齐两个元素

IE 中的 CSS 菜单问题

c# - Jquery Accordion : How do I get rid of these scroll bars for good?

css - 如何使用 CSS 将图像放置在文本旁边

javascript - 验证文本区域的每一行都以某物开头