广

JavaScript

  • IOS开发
  • android开发
  • PHP编程
  • JavaScript
  • ASP.NET
  • ASP编程
  • JSP编程
  • Java编程
  • 易语言
  • Ruby编程
  • Perl编程
  • AJAX
  • 正则表达式
  • C语言
  • 编程开发

    jQuery点击div其他地方隐藏div

    2018-04-16 10:56:38 次阅读 稿源:互联网
    广告

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

    一起学吧部分文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与一起学吧进行文章共享合作。

    广告
    广告
    广告