のjQuery

Question

OK、そう、私のコード：

HTML：#pictureはjQueryのhtmlの（）で追加された内部にあるので、私は上で必要なもの

<div id ="close"></div> 
<div id="mask"> 
    <div id="picture"> 
    <div id="prev"></div> 
    <img src="" /> 
    <div id="next"></div> 
    </div> 
</div> 

すべて（ ）（delegate）この要素にいくつかの関数を追加します。

のjQuery：

$('#close, #mask').on("click", function(){ 
    closeImg(); 
}); 

$('#picture').on("click", '#prevImg', function(){ 
    prevImg(); 
}); 

$('#fixed').on("click", '#nextImg', function(){ 
    nextImg(); 
}); 

＃nextImg /＃prevImgに私をクリックすると、関数closeImg（）があまりにも呼ばれていました。そして、私はそれを失うことはありません。 ＃nextImg /＃prevImgからハンドラcloseImg（）を削除するにはどうすればよいですか？nextImg（）/ prevImg（）を呼び出しますか？私は、私はオフ（）を使うべきだと思いますが、私はそれを理解していないし、似たような例は見つけられません。そして私の全努力は失敗しました。

Answer 1

previousとnextの機能では、event.stopPropagation()を使用して、クリックイベントをその親に伝達しないようにする必要があります。

$("#picture").on("click", "#prevImg", function(e){ 
    e.stopPropagation(); 
    prevImg(); 
}); 

$("#picture").on("click", "#nextImg", function(e){ 
    e.stopPropagation(); 
    nextImg(); 
});