onclick 事件在 IE11 中不起作用

【问题标题】：onclick event is not working in IE11onclick 事件在 IE11 中不起作用
【发布时间】：2017-08-22 22:29:12
【问题描述】：

我很难弄清楚如何在 IE11 上使用点击事件。我的代码适用于 chrome、firefox，但不适用于 Internet Explorer 11。这是我的代码：

$(".burger-menu").on("click",function(){
    $(".fullscreen-nav-container").fadeToggle(700);
});

使用的 HTML：

<input id="burger" type="checkbox" />
        <label for="burger" class="burger-menu">
            <span></span>
            <span></span>
            <span></span>
        </label>

怎么办？

【问题讨论】：

究竟是什么不工作？是点击还是淡入淡出？
你能发布一些 HTML 吗？
@Ashvin777 点击事件。
你确定当你做这个绑定时，这个元素存在并正确地呈现在 DOM 中吗？可以尝试在 DOMContentLoaded 事件下添加它并检查
@JacopoLanzoni 当然，附上它。

标签： javascript internet-explorer-11

【解决方案1】：

在所有浏览器中，您都在点击错误的元素。您应该使用#burger，而不是.burger-menu，因为单击label 会在input type="checkbox" 上触发click：

$("#burger").on("click",function(){
    $(".fullscreen-nav-container").fadeToggle(700);
});

<input id="burger" type="checkbox" />
<label for="burger" class="burger-menu">
    <span>x</span>
    <span>x</span>
    <span>x</span>
</label>
<div class="fullscreen-nav-container">
Container
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

这适用于 Chrome、Firefox 和 IE11。（而当在label 上挂接click 时，它对它们中的任何一个都不起作用。）

【讨论】：