亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

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

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

慕絲7291255 2018-08-23 20:27:53
問題描述菜單欄定位在body的最右邊,隱藏方式是 right:-135px; 點擊按鈕的時候再把right:0;這樣顯示.關閉的時候再把right:-135px;達到隱藏關閉的效果.現在還想要實現的是點擊菜單欄以外網頁的其他地方的時候也能達到隱藏關閉的效果該如何實現???順便想問一下,我這樣操作菜單欄的顯示和隱藏這種方法合適嗎?問題出現的環境背景及自己嘗試過哪些方法嘗試過用$(document).click(function(){...})但沒有效果相關代碼// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)// 導航按鈕的操作$("#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"); })你期待的結果是什么?實際看到的錯誤信息又是什么?想要在鼠標點擊網頁其他地方的時候可以關閉正在顯示的菜單欄...
查看完整描述

2 回答

?
Helenr

TA貢獻1780條經驗 獲得超4個贊

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


查看完整回答
反對 回復 2018-08-26
  • 2 回答
  • 0 關注
  • 2126 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號