13

構造：

.parent (has if/else to toggle on click) -> .child (has nothing)

<div class="parent">Parent
    <div class="child">Child</div>
</div>

親要素は、オーバーフローしたコンテンツを非表示にし、クリック時に高さを切り替えるようにスタイル設定されています。ユーザーがクリックすると、親要素が展開されて子要素が表示されます。親要素が元のサイズに戻って子要素を非表示にせずに、ユーザーが子要素をクリックできるようにしたいと考えています。トグルが親でのみ発生するようにします。

子要素がまだ親要素のクリック可能な領域内に含まれていることに気付きましたが、それを除外する方法はありますか?

4

2 に答える 2

3

使用event.stopPropagation();:

$('#a').add('#b').click(fun1);

function handler(event) {
    event.stopPropagation();
    // now do your stuff        
}
于 2013-08-23T18:42:51.710 に答える