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，如需轉載請自行聯系原作者