Trigger Click Event auf Tabellenzeile

Question

Es ist einer jener Tage, als nichts zu funktionieren scheint.

Ich möchte auf eine Zeile einer Tabelle klicken und eine Warnanzeige (und sehr viel mehr, aber das ist die Ursache aller meiner anderen Probleme).

Ich habe einen sehr einfachen Testfall in Visual Studio 2017 eingerichtet; hier ist die gesamte cshtml Datei:

<table id="filterTable"> 
     <tr> 
      <td>header</td> 
     </tr> 
     <tr> 
      <td>value</td> 
     </tr> 
</table> 

<script> 
    $(document).ready(function() { 
     $('#filterTable tr').click(function() { 
      alert('hello'); 
     }); 
    }); 
</script> 

ich ein Dutzend verschiedene Scripts versucht haben, insbesondere Variationen der obigen (zB mit und ohne „(document) .ready“ Teil), und ich kann nicht scheinen, es funktioniert .

Ich habe Beispiele dafür gesehen und extrem Code funktioniert und ich bin ratlos, warum meine nicht.

Ich brauche Hilfe, um einzuschränken, was ich falsch mache.

Lassen Sie mich wissen, ob zusätzliche Informationen hilfreich bei der Fehlersuche sind.

Answer 1

Sie müssen jquery.js zu Ihrer Seite hinzufügen mit dem jQuery

arbeiten Wenn Sie Bibliothek extern von der lokalen verwendet. besser Die Adresse des Link ist HTTPS://...

$(document).ready(function() { 
 
    $('#filterTable tr').on('click',function() { 
 
     alert('hello'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="filterTable"> 
 
    <tr><td>header</td></tr> 
 
    <tr><td>value</td></tr> 
 
</table>

Answer 2

Sie benötigen eine jQuery-Bibliothek für Ihren Code. Hier ist ein Beispiel:

$(document).ready(function() { 
 
     $('#filterTable tr').click(function() { 
 
      alert('hello'); 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table id="filterTable"> 
 
     <tr> 
 
      <td>header</td> 
 
     </tr> 
 
     <tr> 
 
      <td>value</td> 
 
     </tr> 
 
</table>