致力于打造中国站长娱乐学习的免费资源站!官方合作QQ:283852481

您当前的位置:首页 > 教程 > 网页设计 > JavaScript/JQuery

jQuery点击div其他地方隐藏div

时间:2016-11-20 15:52:28  来源:互联网  

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

精彩广告