1.html

<a id="more" οnclick="moreFun()">更多</a> <ul id="moreList" style="display:none"><li>列表1</li><li>列表2</li><li>列表3</li> </ul>

2.實現點擊更多按鈕彈出moreLise列表，點擊頁面其他地方關閉moreLise列表，js代碼如下：

//使用toggle方法實現列表的展開和關閉 function moreFun(){$("#moreList").toggle(); } //點擊頁面其他地方關閉 document.onclick = function (e) {//判斷點擊的地方是否為“更多”按鈕和彈出層是否顯示if(!$(e.target).is(".more") && $("#moreList").is(":visible")==true){$("#moreList").hide();} }

?

轉載于:https://www.cnblogs.com/wgl0126/p/9635138.html

總結

以上是生活随笔為你收集整理的jq点击按钮打开和关闭弹出层，点击除了当前按钮以外的地方关闭弹出层的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。