.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” ）。 尝试在 Firebug 控制台的 output 的 .click 事件中放入一些代码，并验证“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
}