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

... но когда я нажимаю на слова «Сброс», ничего не происходит.

попытался изменить его с помощью "идентификатор" в "класс", и обновление кода JQuery соответствующим образом ("#toolbarReset" стал "toobarReset"). Попробовал ввести код внутри события .click для вывода в консоль Firebug и проверить, что «toolbarReset» является уникальным идентификатором внутри DOM.

Answer 1

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

Answer 2

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

http://jsfiddle.net/YLCff/

Answer 3

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

Answer 4

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

т.е.

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