javascript-events - 内部のP要素のイベントハンドラーを削除します

Question

私は外側のdivを持っています、これの中にはたくさんのP要素がありますそれはイベントハンドラーをバインドします：

$("#container").on("click","div",showNext)

このクリックイベントは正常にバインドされますが、どういうわけか、内部のすべての要素がすべてこのイベントハンドラーにバインドされています。削除するにはどうすればよいですか？

ここですべてのコードを参照してください：Jsfiddle

私が欲しいのは、divをクリックして現在のものを非表示にし、次のものを表示することだけですが、問題は、ap要素をクリックすると非表示になります...

だから私は何を逃したのですか、私はJsに本当に新しいです.....

score 1 · Accepted Answer

これを試して：

$(".con").on("click",showNext)
 .children().on('click',function(e){e.stopPropagation();})

.conの子内のクリックイベントがバブリングするのを防ぎます。

1 に答える 1