javascript - event.stopPropagation(); ドロップダウンを非表示にするが、クリックされたときは非表示にしない

Question

.notificationしたがって、ボタンを表示させたいのですが.notificaiton-dropdown、この要素の外側をクリックすると閉じます。これは機能します。

ただし、要素をクリックすると、要素が閉じます。現在の機能が必要ですが、要素自体をクリックして操作できるようにする必要はありません。

$(document).ready( function(){
    $('.notification').click( function(event){
        event.stopPropagation();
        $('.notification-dropdown').toggle();
    });
    $(document).click( function(){
        $('.notification-dropdown').hide();
    });
});

それが十分な情報であることを願っています。いつもありがとう。

Answer 1

notification-dropdownイベントの伝播も停止する必要があります

$(document).ready( function(){
    $('.notification-dropdown').click( function(event){
        event.stopPropagation();
    });
    $('.notification').click( function(event){
        event.stopPropagation();
        $('.notification-dropdown').toggle();
    });
    $(document).click( function(){
        $('.notification-dropdown').hide();
    });
});

Answer 2

私は言います：

$(document).click( function(e){
    if($(e.target).closest('.notification-dropdown').length) return;
    $('.notification-dropdown').hide();
});