onclick事件在IE11中不工作

Question

我很難搞清楚如何在IE11上使用點擊事件。我的代碼工作與瀏覽器，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上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時，它們中的任何一個都不起作用。）