jqueryでMVCビューのクリックイベントが発生しない

Question

以下の簡単なコードがあります。ボタンをクリックすると警告が表示されます。しかし、イベントは発生しません。

@{ 
    ViewBag.Title = "Dashboard"; 
} 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script> 

    $("#btnclickhere").click(function (e) { 
     alert(1); 
     e.stopPropagation(); // This is the preferred method. 
     return false;  // This should not be used unless you do not want 
     // any click events registering inside the div 
    }); 
</script> 
<h2>Dashboard</h2> 
<table> 
    <tbody> 
     <tr> 

      <td> 
       <input type="text" id="textname" name="txtname" /> 
      </td> 
      <td> 
       <input type="text" id="textpassword" name="textpassword" /> 
      </td> 
      <td> 
       <input type="button" id="btnclickhere" name="btnclickhere" value="ClickHere" /> 
      </td> 
     </tr> 
    </tbody> 
</table> 

ここで問題を見つけ出す手助けがありますか？

Answer 1

スクリプトはhtmlタグの前にロードされるため、jQueryにクリックハンドラの登録を依頼するときには#btnclickhereと呼ばれるものはありません。 $（document）.ready（function（）{/ あなたのコードはここに /}でjqueryコードをラップする必要があります。イベントハンドラを使用して、照会の前にDOMが完全に埋め込まれていることを確認します。