如何使DataTable行及其列具有两个独立的onclick链接事件

本文关键字：两个 独立 事件 链接 onclick DataTable 何使 | 更新日期: 2023-09-27 17:57:41

我有一个带有Datatable的视图。表中的每一行在每一列中都包含不同的用户信息，包括"名字"answers"姓氏"。如果我们点击"名字"或"姓氏"，它应该链接到相关的用户配置文件页面。

列链接是有效的，但是，我还创建了一个链接，绑定到表中的每一行；如果我们单击该行，它应该转到另一个URL。事件处理程序代码如下：

 $('#promoters > tbody > tr').live('click', {}, function (e) {
   $.ajax({
            type: "GET",
             url: "/Ajax/GetUserbyEmail?email=" + $('#email').val(),
       })
    }

问题是我需要两个链接处理程序同时工作。如果我单击"名字"或"姓氏"列，它需要链接到配置文件页面，如果我单击行中的其他位置，它需要调用上面显示的AJAX。

如何使DataTable行及其列具有两个独立的onclick链接事件

在点击事件处理程序中忽略锚点怎么样？您可以通过e.target.nodeName获取事件目标。

来自jQuery文档。

$('#promoters > tbody > tr').on('click', function(e) {
    // only execute ajax request when element is not an anchor 'a'
    if( e.target.nodeName.toLowerCase() !== "a" )
        $.ajax({
            type: "GET",
            url: "/Ajax/GetUserbyEmail?email=" + $('#email').val(),
        })
}
相关文章：