jquery - .clickイベントが発生しないようです

Question

<script>タグ内に次のコードがあります。

$(document).ready(function(){
  $("#toolbarReset").click(function() {
    alert("I've been clicked! Oh, what a world!");
  });

  ... other, unrelated functions, which all seem to work fine    

});

...そして以下のいくつかのhtml：

<span id="toolbarReset" style="line-height: 18px; width: 50px; height: 21px; padding: 0pt 7px 0pt 3px;">
  Reset
</span>

...しかし、「リセット」という言葉をクリックしても、何も起こりません。

「id」から「class」に変更し、jQueryコードを適切に更新してみました（「#toolbarReset」は「toobarReset 」になりました）。.clickイベント内にコードを入れてFirebugコンソールに出力しようとし、「toolbarReset」がDOM内の一意のIDであることを確認しました。

Answer 1

タイミングの問題であることが判明しました。私のjQueryコードは、要素がページに読み込まれる前に実行されていました。これは、要素を相互に関連付けて配置したためです。したがって、jQueryはまだ存在していないIDにバインドしようとしていました。

Answer 2

私にはうまくいくようですが、どのブラウザを使用していますか？

http://jsfiddle.net/YLCff/

Answer 3

複数の#toolbarResetがある場合は、他のIDを削除するまで機能しません。

Answer 4

ブラウザでコードを確認しました。とにかく、.clickの代わりに.onを使用してみてください。

すなわち

 $("#toolbarReset").on('click',function() {
// watever code
}