Jquery 为什么我必须在IE或chrome中单击一次才能触发在IE中切换类的效果?
如你所见 标签“> 下面是我的html-Jquery 为什么我必须在IE或chrome中单击一次才能触发在IE中切换类的效果?,jquery,html,internet-explorer,browser,Jquery,Html,Internet Explorer,Browser,如你所见 标签“> 下面是我的html- <a id="notice" href="javascript:void(0)" class="checkBox"> <i class="icon i2_18"></i> <input id="cbxNotice" type="hidden" value="0" name="cbxNotice"> </a> 在Chrome和Firefox中,我只需单击一次即可触发效果(从空到勾
<a id="notice" href="javascript:void(0)" class="checkBox">
<i class="icon i2_18"></i>
<input id="cbxNotice" type="hidden" value="0" name="cbxNotice">
</a>
在Chrome和Firefox中,我只需单击一次即可触发效果(从空到勾选)
但是在IE中,为什么我需要双击来触发效果呢
谢谢!!您的输入标签不应该在锚定标签内,在这种情况下,您可以使用div,您的问题可能会消失对不起,我的标题是-为什么我必须在IE中dbclick触发切换类的效果,而在firefox或chrome中只单击一次?谢谢,但正如您所看到的,这与我隐藏的输入标签无关,它只是为传输值创建的。类似于image的复选框是具有不同类名的标记,并且该类具有不同的图像设置。您应该提供一个jsiddle,可能需要双击哪个IE版本?
$("#notice").click(function () {
if ($("#cbxNotice").val() == "1") {
$(this).find("i").removeClass("tick").addClass("empty");
$("#cbxNotice").val("0");
} else {
$(this).find("i").removeClass("empty").addClass("tick");
$("#cbxNotice").val("1");
}
});