更新时间:2022-09-24 10:21:14
jQuery点击div以外的地方隐藏div
首先点击显示某个div,然后要求再次点击时消失,或者点击document的其他地方会隐藏掉这个层,涉及到冒泡的问题,阻止document冒泡到dom上。代码如下:
1
2
3
4
5
6
7
8
9
10
11
|
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"); } }); |
转载:
http://caibaojian.com/jquery-toggle-div.html
本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/1574021,如需转载请自行联系原作者