onclick事件在IE11中不工作

我很难搞清楚如何在IE11上使用点击事件。我的代码工作与浏览器，Firefox但在Internet Explorer 11不起作用，这里是我的代码：onclick事件在IE11中不工作

$(".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>

怎么办？

来源

2017-08-22 Ashikur Rahman

究竟是什么不工作？是点击还是淡入淡出？ – Ashvin777

你可以发布一些HTML吗？ –

@ Ashvin777的点击事件。 –

在所有浏览器中，您都在点击错误的元素。您应该使用#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时，它们中的任何一个都不起作用。）

来源

2017-08-22 14:29:12

onclick事件在IE11中不工作

回答

相关问题