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

好像对我有用，你用的是什么浏览器？

http://jsfiddle.net/YLCff/

Answer 2

也许您有多个#toolbarReset，如果是这种情况，它在您删除其他 ID 之前将不起作用。

Answer 3

原来是时间问题。我的 jQuery 代码在元素加载到页面之前运行，因为我将它们放置在彼此相关的位置 - 因此 jQuery 试图绑定到一个尚不存在的 ID。

Answer 4

我检查了浏览器中的代码，它工作正常。无论如何尝试使用 .on 而不是 .click。

IE

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