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.實(shí)現(xiàn)點(diǎn)擊更多按鈕彈出moreLise列表，點(diǎn)擊頁(yè)面其他地方關(guān)閉moreLise列表，js代碼如下：

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

?

轉(zhuǎn)載于:https://www.cnblogs.com/wgl0126/p/9635138.html

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。