javascript - Jquery .clickが起動しない

Question

ここで JQuery を学ぼうとしているのですが、最初は本当に簡単です。

ボタンをクリックすると、ページがリロードされ、何も起こりません。

ここに私のJSがあります：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript" charset="utf-8">
  $("#submitShout").click(function() {  
  alert('hi');
  });  

  </script>

これが私のhtmlです：

<div class="panel right">   
<form name="shout" >
<textarea name="text" id="text" class="ribbitText"></textarea>
<input type="submit" id="submitShout" value="Ribbit!">
</form>
</div>

score 3 · Accepted Answer

document.ready..を忘れてしまったようです。

$(function () { //<--- here..the codes below is called whn document is ready
    $("#submitShout").click(function () {
        alert('hi');
    });
});

score 1 · Accepted Answer

jQuery参照が含まれていることを確認し、コードを

$(function(){

});

なので

$(function () {
    $("#submitShout").click(function () {
        alert('hi');
    });
});

またはドキュメントの最後にあるバインドをクリックします

score 0 · Accepted Answer

jQueryがロードされていることを確認してください
最新のjQueryライブラリを使用する
エラーコンソールを確認します（FirefoxのChrome開発ツールまたはFirebugを使用）
jQueryを次のように変更してみてください

コード：

$(function(){
    $("#submitShout").click(function(e) {  
       e.preventDefault();
       alert('hi');
       return false;
   }); 
});

score 0 · Accepted Answer

これを試して

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript" charset="utf-8"></script>

    <script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
      $("#submitShout").click(function(event) {  
      alert('hi');
      event.preventDefault();
      });  
    });
      </script>

score 0 · Accepted Answer

これを試してみてください。

$("#submitShout").on("click", function() {  
  alert('hi');
});

下位バージョンの Jquery である場合は、これを試してください。

$("#submitShout").live("click", function() {  
      alert('hi');
});

score 0 · Accepted Answer

jQuery 1.9 バージョン

$(function(){
    $("#submitShout").on('click',function(){
        //your code
        });
});

jQuery バージョン 1.9 未満

$(function(){
     $("#submitShout").live('click',function(){
            //your code
            });
});

score 0 · Accepted Answer

これは非常に古い jquery バージョンです。新しいバージョンにアップグレードしてください。

https://developers.google.com/speed/libraries/devguide#jquery

score 0 · Accepted Answer

私はあなたがdoc readyハンドラーを欠いているか、次のいずれかだと思いますjQuery lib:

最初にこれを試してください：

   $(function(){
     $("#submitShout").click(function() {  
         alert('hi');
      }); 
   });

次に、これ：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script>
   $(function(){
     $("#submitShout").click(function() {  
         alert('hi');
      }); 
   });
</script>

javascript - Jquery .clickが起動しない

8 に答える 8

Related

Reference