首頁猿問 ...

JS如何在點擊網(wǎng)頁其他地方的時候,收起菜單導航欄?

JavaScript

慕絲7291255 2018-08-23 20:27:53

問題描述菜單欄定位在body的最右邊,隱藏方式是 right:-135px; 點擊按鈕的時候再把right:0;這樣顯示.關(guān)閉的時候再把right:-135px;達到隱藏關(guān)閉的效果.現(xiàn)在還想要實現(xiàn)的是點擊菜單欄以外網(wǎng)頁的其他地方的時候也能達到隱藏關(guān)閉的效果該如何實現(xiàn)???順便想問一下,我這樣操作菜單欄的顯示和隱藏這種方法合適嗎?問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法嘗試過用$(document).click(function(){...})但沒有效果相關(guān)代碼// 請把代碼文本粘貼到下方（請勿用圖片代替代碼）// 導航按鈕的操作$("#nav_open").click(function(){ $("#nav_big_div").css("right","0"); $("#nav_big_div").css("transition",".5s"); }) $("#nav_close").click(function(){ $("#nav_big_div").css("right","-350px"); })你期待的結(jié)果是什么？實際看到的錯誤信息又是什么？想要在鼠標點擊網(wǎng)頁其他地方的時候可以關(guān)閉正在顯示的菜單欄...

查看完整描述

2 回答

Helenr

TA貢獻1780條經(jīng)驗獲得超4個贊

$(document).click(function(){    if($("#nav_big_div").css("right")!=0){
        $("#nav_close").trigger('click');
        
    }else{
        $("#nav_open").trigger('click');
    }
})

反對回復 2018-08-26