onclick事件在IE11中不起作用

Question

我很难弄清楚如何在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>

怎么办？

Answer 1

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

适用于Chrome，Firefox和IE11。 （在click上挂钩label时，它们在其中任何一个都无效。