.clickイベントが発生しないのはなぜですか？

Question

jQueryを使用してカルーセルを作成しようとしています。私は前のクラスと次のクラスを持っています。 Aボタン、およびaタグである。 .clickイベントはどちらも動作しません。イベントはdocument.ready内にあります。

<button type="button" class="prev">&#10094;</button> 
<a class="next">&#10095;</a> 

。

$(document).ready(function(){ 
    $("#slide1").show(); 

    $(".next").click(function() { 
     if ($slideNumber < 2){ 
      switch ($slideNumber){ 
       case 0: $("#slide0").hide(); 
       case 1: $("#slide1").hide(); 
      } 
      $slideNumber++ 
     }else { ... 
    }); 

    $(".prev").click(function() { 
     if ($slideNumber > 0){ 
      switch ($slideNumber){ 
       case 1: $("#slide1").hide(); 
       case 2: $("#slide2").hide(); 
      } 
      $slideNumber-- 
     }else { ... 

Answer 1

使用$（ducument）.on（）の代わりに...

$（」。前のページ "）。）（（機能をクリックしと$（"。次「）.click（関数は、（）

$(ducument).on(".next","click",function() { 
}); 

Answer 2

問題は、HTML要素の重なりである。これは、ボタンのクリック可能な領域を生じ/タグが妨害されます。