0

jqueryがクリックイベントでどのように機能するかを理解しようとしています。そこで、単純な mvc 3 アプリを作成し、ビューにボタンを追加しました。簡単なjsファイルを作成しました。ただし、クリックしてもアラートはポップアップしません。

ビュー内の私のコードは次のとおりです。

@{
ViewBag.Title = "Home Page";
}
<script src="../../Scripts/first.js"></script>
<h2>@ViewBag.Message</h2>

<div>
 <p style="text-align: center;">
            <input type="button" id="steps" name="steps" value="Next >" />
        </p>
</div>

ここに私の完全なjsファイルがあります：

$("#steps").click(function () {
alert("hola!");
});

私はjavascript/jqueryの知識が非常に限られているので、どんな入力でも大歓迎です。

4

4 に答える 4

0

あなたはそれが「完全な」jsファイルだと言いました。

.ready()メソッドを jQuery コードでラップする必要があります。

$(document).ready(function() {    
  $("#steps").click(function () {
     alert("hola!");
  });
});
于 2013-08-01T17:25:34.347 に答える
0

これらの 2 つの関数のいずれかを使用して、ドキュメントの準備ができていることを確認する必要があります。

$(function() {

   // Code here...

});

また

$(document).ready(function() {

   // Code here...

});

このような

$(function(){

   $("#steps").click(function () {
      alert("hola!");
   });

});

ドキュメント: http://api.jquery.com/ready/

これを行わないとclick、要素がまだ存在しないときにイベントを追加している可能性があります。

PS：また、実際にjQueryが含まれていることを確認してください

于 2013-08-01T17:26:14.467 に答える
0

実行時エラーの可能性があります。あなたの JS は、ブラウザによってコードが読み取られる時点で存在しない要素を参照しようとしています - あなたのbutton. $(document).ready()したがって、これに対抗するには、そのコードを関数に入れるか、ページの下部に配置します。

于 2013-08-01T17:27:05.057 に答える