jQuery技术

jQuery点击div其他地方隐藏div

字号+ 作者:H5之家 来源:H5之家 2018-04-21 16:57 我要评论( )

jQuery点击div其他地方隐藏div 首先点击显示某个div,然后要求再次点击时消失,或者点击document的其他地方会隐藏掉这个层,涉及到冒泡的问题,阻止document冒泡

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

推荐文章

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • Python 模块学习:random 随机数生成 前端开发,JQUERY特效,全

    Python 模块学习:random 随机数生成 前端开发,JQUERY特效,全

    2018-04-22 10:05

  • 【吧主推荐】初学者如何学习web前端,学习资料分享给大家【jquer

    【吧主推荐】初学者如何学习web前端,学习资料分享给大家【jquer

    2018-04-21 14:00

  • python web py入门(54):jQuery失去焦点事件

    python web py入门(54):jQuery失去焦点事件

    2018-04-21 13:08

  • jquery easyui中datagrid工具栏靠右浮动

    jquery easyui中datagrid工具栏靠右浮动

    2018-04-21 11:02

网友点评
w