jquery - キーアップが反応しない

Question

一体何が起こっているのかわからない。

単純な JavaScript コードが機能しないのはなぜですか? 何時間もここにいた。私は他のJavaScriptをたくさん持っていますが、それが中断しているかどうかを考えていましたか?

チュートリアルを実行しようとすると、最初の行で行き詰まりました:

$('#name').keyup(function() {
    alert('alert');
});

問題がわかりません..フィドルでは、もちろんすべて機能しています http://jsfiddle.net/pgWtK/1/

ドキュメントの準備ができた状態で頭の中に入れてみましたが、それは役に立ちません。手がかりはありますか?

score 4 · Accepted Answer

put it in $(document).ready(function(){使用する前に DOM 要素を jquery で使用できるようにする必要があります。この場合、keyup イベントをバインドするための ID 名を持つ要素です。

Also make sure you have included jquery tag.この記事では、jquery の使用方法について説明します。

$(document).ready(function(){    
     $('#name').keyup(function() {
        alert('alert');
     });
})

score 2 · Accepted Answer

FireBugまたは代替がインストールされていることを確認してください
jQueryがFireBugまたは代替のネットワークパネルにロードされていることを確認します。CDNからロードしてローカルでテストしている場合、ロードされていない場合はフォールバックがあることを確認してください
$(document).ready(...)jQueryコードが呼び出しでラップされていることを確認してください
FiregBugまたは代替のコンソールで次のコードを使用して、イベントが要素にバインドされていることを確認します。

$（'＃name'）。data（'events'）;

score 2 · Accepted Answer

Jquery ライブラリを正しくロードしていないか、そのコードをドキュメント内に配置していないという 2 つのことが発生する可能性があります。

頭の例に jquery を追加します。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

内部のjquerydocument ready

$(function(){
   $('#name').keyup(function() {
      alert('alert');
   });
});

score 0 · Accepted Answer

コードをドキュメント内にまとめます

$(function(){
 //your code

});

jsfiddle ではデフォルトで行われますが、no-wrap(head)オプションを選択すると、js コードがreadyハンドラー内にラップされません。

score 0 · Accepted Answer

問題はファイルvote.jsにあり、見逃したこのコードでコードを変更します$(

$(document).ready(function(){
   $(function(){
     $('#name').keyup(function() {
     alert('alert');
     });
  });
})

5 に答える 5