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。

即

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

.click事件似乎没有发生

4 个答案: