Question

我试图让JQuery在点击以下内容时执行某些操作：

<li>
<center>
<div class="iradio_square-aero">
<label class="lg" style="padding-left:0 !important"> Joint</label>
</center>
</li>

所以我使用的代码是：

$('.iradio_square-aero').click(function() {

    alert('clicked');

});

问题是我没有收到任何警报。

我在这里做错了什么？

以下是通过firebug从浏览器直接复制的代码：

<li>
<center>
<div class="iradio_square-aero">
<input class="required" type="radio" value="joint" name="policy_type" style="position: absolute; opacity: 0;">
<ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 0px none; opacity: 0;"></ins>
</div>
<label class="label_gender" style="padding-left:0 !important"> Joint</label>
</center>
</li>

更新：问题似乎到了使用“jquery.wizard.js”脚本。当它开启时它停止工作。

Answer 1

It Works Fine you can check here. Just check the jquery library path in your head section.
It may goes wrong.

http://jsfiddle.net/CvJb9/

Answer 2

你可能做错了是不是将你的JavaScript代码包装在jQuery文档中，并且同时将它放在HTML之上。

当浏览器解析文档时，JavaScript将在完全解析HTML之前执行，而jQuery选择器$('.iradio_square-aero')的长度为0。

将JavaScript代码更改为以下内容：

$(function() {
    $('.iradio_square-aero').click(function() {
        alert('clicked');
    });
});

Answer 3

检查这两个jQuery小提琴，一旦我在代码中包含jQuery，你的代码就可以正常运行

fiddle with jQuery included和fiddle without jQuery

我将这段代码用于小提琴

<li>
<center>
<div class="iradio_square-aero">
<input class="required" type="radio" value="joint" name="policy_type" style="position: absolute; opacity: 0;">
<ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 0px none; opacity: 0;"></ins>
</div>
<label class="label_gender" style="padding-left:0 !important"> Joint</label>
</center>
</li>

因此，它不工作的一个可能原因可能是在页面上引用你的jquery。

JQuery Onclick警报未显示

3 个答案: