Wie eine DataTable-Zeile und ihre Spalte zwei separate Onclick Link-Ereignisse haben

Question

Ich habe eine Ansicht mit einer Datentabelle. Jede Zeile in der Tabelle enthält unterschiedliche Benutzerinformationen in jeder Spalte, einschließlich "Vorname" und "Nachname". Wenn wir auf "Vorname" oder "Nachname" klicken, sollte es mit der entsprechenden Nutzerprofilseite verlinken.

Die Spaltenverknüpfungen funktionieren, jedoch habe ich auch eine Verknüpfung erstellt, die mit jeder Zeile in der Tabelle verknüpft ist. Wenn wir auf die Zeile klicken, sollte sie zu einer anderen URL gehen. Der Code für den Ereignishandler lautet wie folgt:

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

Das Problem ist, dass ich beide Linkhandler gleichzeitig arbeiten muss. Wenn ich auf die Spalte "Vorname" oder "Nachname" klicke, muss sie mit der Profilseite verlinkt werden und wenn ich irgendwo anders in die Zeile klicke, muss sie den oben gezeigten AJAX aufrufen.

Answer 1

Wie ignorierst du Anker in deinem Click Event Handler? Sie können das Ereignisziel durch e.target.nodeName abrufen.

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