jQuery点击div以外的地方隐藏div

jQuery点击div以外的地方隐藏div

首先点击显示某个div，然后要求再次点击时消失，或者点击document的其他地方会隐藏掉这个层，涉及到冒泡的问题，阻止document冒泡到dom上。代码如下：

<code>var</code> <code>$el = $(</code><code>".search-more, .article-query-list li"</code><code>);</code>

<code>$el.click(</code><code>function</code><code>(e){</code>

<code>e.stopPropagation();</code>

<code>$(</code><code>this</code><code>).toggleClass(</code><code>'active'</code><code>);</code>

<code>});</code>

<code>$(document).on(</code><code>'click'</code><code>,</code><code>function</code><code>(e){</code>

<code>if</code><code>(($(e.target) != $el) &amp;&amp; ($el.hasClass(</code><code>'active'</code><code>))){</code>

<code>$el.removeClass(</code><code>'active'</code><code>);</code>

<code>// console.log("yes");</code>

<code>}</code>

转载：

<a href="http://caibaojian.com/jquery-toggle-div.html" target="_blank">http://caibaojian.com/jquery-toggle-div.html</a>

   本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/1574021，如需转载请自行联系原作者