jQueryのバインド（）LIが私のjsで

Question

をイベント火災をクリックすると、発射できないようにHTMLのクリックイベント、私は2つのクリックのバインディングを持っていますどのクリックに応じて問題は、LIをクリックするとHTMLもクリックされるため、LIをクリックすると、LIクリックイベントとHTMLクリックイベントの両方が発生するということです。

LI以外の場所をクリックすると、HTMLのクリックだけが必要になります。

基本的に「」と言ってもらえますか？ユーザーがLI要素をクリックした場合は、これを実行します。それ以外の場合は、LI以外の場所をクリックした場合は "となりますか？

Answer 1

イベントバブリングを防止するだけで済みます。 jQueryを使用すると、liイベントハンドラ内にe.stopPropagation()を追加するだけで簡単です。

だからあなたの更新されたコードは次のようになります。

$('#menu > li').bind('click', function (e) { 
    e.stopPropagation(); 
    ... 
}); 

参考資料：見事に働いた

https://api.jquery.com/event.stoppropagation/

http://www.quirksmode.org/js/events_order.html