码迷,mamicode.com
首页 > Web开发 > 详细

jQuery点击下拉菜单的展示与隐藏

时间:2017-11-06 13:58:29      阅读:282      评论:0      收藏:0      [点我收藏+]

标签:jquery   其他   font   target   下拉   code   doc   rem   toggle   

首先点击显示某个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");
}
});

 

 
 

jQuery点击下拉菜单的展示与隐藏

标签:jquery   其他   font   target   下拉   code   doc   rem   toggle   

原文地址:http://www.cnblogs.com/Web-Architecture/p/7792684.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!