のonclickイベントは、私がIE11にクリックイベントを使用する方法を考え出す苦労していますIE11

Question

で働いていません。

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

HTML使用：：私のコードはここに私のコードは、クロム、Firefoxで動作しますが、Internet Explorerの11で動作しません

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

何をしますか？すべてのブラウザで

Answer 1

、あなたは間違った要素をクリックをフックしています。 labelをクリックするとinput type="checkbox"にclickをトリガーするので、あなたは、#burger、ない.burger-menu使用する必要があります：クロム、Firefox、およびIE11で動作

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

。 （labelにclickをフックするとき、それはそれらのいずれかで動作しないのに対し。）