jQuery點擊下拉菜單的展示與隱藏


首先點擊顯示某個div,然后要求再次點擊時消失,或者點擊document的其他地方會隱藏掉這個層,涉及到冒泡的問題,阻止document冒泡到dom上。代碼如下:

var $el = $(".search-more, .article-query-list li");
$el.click(function(e){
e.stopPropagation();
$(this).toggleClass('active');
});
$(document).on('click',function(e){
if(($(e.target) != $el) && ($el.hasClass('active'))){
$el.removeClass('active');
// console.log("yes");
}
});

 

 
 
 
         
         
       


免責聲明!

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



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