1

私の状況は次のとおりです。

<div class="overlay">
<div class="modal"></div>
</div>

オーバーレイをクリックすると、.overlayと.modaldiv の両方が非表示になるので、次のようにします。

$('.overlay').on('click',function(){
$(this+',.modal').hide();
});

それは機能しますが、問題があります。クリックする.modalと同じことが起こり、したくありません..overlayをクリックした場合にのみdivを非表示にするようにjqueryに指示する必要がありますモーダル

どのようにできるのか？.overlay に添付されたイベントは、children から継承されているようです。

アドバイスありがとう

こちらJSFIDDLE

4

2 に答える 2

1

これを試して：

$('.overlay').on('click',function(evt){
    if(!$(evt.currentTarget).is('.modal')){
        $('.overlay, .modal').hide();
    }
});
于 2013-04-15T08:30:03.973 に答える