.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.

Answer 1

Я проверил код в моем браузере, он работал.В любом случае попробуйте использовать .on вместо .click.

т.е.

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

Answer 2

возможно, у вас более одного #toolbarReset, в этом случае он не будет работать, пока вы не удалите другие идентификаторы.

Answer 3

Оказалось, что проблема синхронизации.Мой код jQuery выполнялся до того, как элемент был загружен на страницу, из-за того, что я разместил их относительно друг друга - поэтому jQuery пытался привязать идентификатор, который еще не существовал.

Answer 4

Кажется, у меня работает, какой браузер вы используете?

http://jsfiddle.net/YLCff/