jquery - jQuery .click() 不会触发

Question

我有一个隐蔽的问题。当 .click() 事件突然停止触发时，我正在使用 jQuery 为某些东西创建 UI。

这个 jsFiddle 有所有相关的代码：

如果查看代码，您可以看到<div>id 为“target”的 a 包含另外两个<div>s，一个 id 为“red”，一个 id 为“green”。查看相关的 CSS，它们都有 100% 的宽度并且是重叠的，但绿色有display:none;.

如您所见，.click()不会触发，也不会显示任何警报。但是，使用它可以：

<div id="target" onClick="alert('Clicked!')">
    <div id="red"></div>
    <div id="green"></div>
</div>

谢谢您的帮助！

score 3 · Accepted Answer

您选择了错误的框架。将其从Mootools更改为jQuery。

在此处输入图像描述

此外，将代码包装在ready函数中也是一个好习惯。

$(function(){     
       $('div#target').click(function() {
            alert('div has been clicked');
        });

});

score 2 · Accepted Answer

2

现在检查一下，您没有附加 jquery 库 http://jsfiddle.net/qgz2j/3/

于 2012-08-09T20:07:02.583 回答

score 2 · Accepted Answer

在小提琴中，选择框架作为 jQuery，它应该可以工作。:P

score 1 · Accepted Answer

您的代码很好，您只是将小提琴设置为使用 MooTools 而不是 jQuery。看看这个版本：

我所做的只是告诉它使用 jQuery。

4 回答 4