jq點擊按鈕打開和關閉彈出層,點擊除了當前按鈕以外的地方關閉彈出層


1.html

<a id="more" onclick="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();
	}
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM