トリガーテーブル行のイベントをクリック

Question

何も動作していないような時代の1つです。

テーブルの行をクリックしてアラートを表示したい（さらに多くのことがありますが、これが他のすべての問題の根本的な原因です）。

私はVisual Studio 2017で非常に簡単なテストケースを設定しました。ここでは全体CSHTMLファイルは次のとおりです。

<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> 

私は（「（ドキュメント）.ready」部分と無い場合など）ダース異なるスクリプト、上記の特にバリエーションを試してみましたが、私はそれが働くように見えることはできません。

私はこれの例を見てきましたし、コードは非常に機能しています。私はなぜ私のものが失われているのでしょうか？

私が間違っていることを絞り込むのに役立つ必要があります。

トラブルシューティングに役立つ追加情報がある場合はお知らせください。

Answer 1

あなたは地元からの外部ライブラリを使用した場合のjQuery

で動作するようにあなたのページにjquery.jsを追加する必要があります。より良い リンクのアドレスは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

コードにはjQueryライブラリが必要です。ハイアーは一例です：

$(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>