DataTableの行とその列に2つの独立したonclickリンクイベントがある方法

Question

私はDatatableでビューを持っています。表の各行には、「姓」と「姓」を含む各列のユーザー情報が含まれています。 「姓」または「名字」をクリックすると、関連するユーザープロファイルページにリンクする必要があります。

しかし、私はテーブル内の各行に結びついたリンクも作成しました。行をクリックすると別のURLに移動する必要があります。イベントハンドラのコードは次のとおりです。

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

問題は、両方のリンクハンドラが同時に動作する必要があることです。 「姓」または「名字」列をクリックすると、プロファイルページにリンクする必要があり、行の他の場所をクリックすると、上記のAJAXを呼び出す必要があります。

Answer 1

クリックイベントハンドラでアンカーを無視するのはどうですか？イベントターゲットはe.target.nodeNameで取得できます。

From the jQuery documentation.

$('#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(), 
     }) 
}