如何防止單擊鼠標觸發SlideDown和SlideUp（隱藏/顯示）事件？

Question

如何防止單擊鼠標觸發SlideDown和SlideUp（隱藏/顯示）事件？

單擊任何內容，但事件過早觸發，

我正在嘗試為僅移動菜單實現非常典型的隱藏/顯示功能。

目標是一旦菜單向下滑動並顯示，如果用戶單擊菜單以外的任何位置，菜單將向上滑動並隱藏。

問題是，一旦它滑下來，然后又滑回去，我不確定是什么觸發了slideUp功能。 似乎是同一鼠標單擊同時觸發了兩者，

fyi-我在菜單本身上添加了一些stopProgation（）代碼，以防止在單擊菜單時滑動。

fyi-首先觸發向下滑動的圖標被滑動菜單遮蓋了，但我不知道這將如何導致問題。 只是一個瘋子

jQuery('.mobile-nav-trigger').mousedown( function(){
    jQuery('#mobile-nav').slideDown();
        }
    );

jQuery('.mobile-back-btn').click( function(){ /* back type button so     user can close manually */
    jQuery('#mobile-nav').slideUp();
        }
    );

jQuery('#mobile-nav').bind('click', function(){ /*STOP PROP if Nav is clicked on */
        e.stopPropogation();
    });

jQuery(document).bind('click', function(e){
    if((!jQuery(e.target).is('#mobile-nav')) &&     (!jQuery(e.target).is('.mobile-nav-trigger')))  {
        jQuery('#mobile-nav').slideUp();        
        } 
    }); 

Answer 1

您拼寫錯誤的傳播，應該是：

e.stopPropagation();