Jquery 为什么我必须在IE或chrome中单击一次才能触发在IE中切换类的效果?

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中,我只需单击一次即可触发效果(从空到勾

如你所见 标签“> 下面是我的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中,我只需单击一次即可触发效果(从空到勾选) 但是在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");
    }
});