jquery not不起作用的解決方法

這篇文章給大家分享的是有關jquery not不起作用的解決方法的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

jquery not不起作用的解決辦法：首先打開不起作用的代碼文件；然后修改jquery代碼為“$(document).not(‘#date’).click(function(){...}”即可。

jquery中not方法失效的解決方案

篩選元素時，想從$(document)中直接去掉某一元素，使用$(document).not('#a')是無效的。

但要解決這類問題可以使用其它的方法，舉個例子

在模擬下拉列表時，想要實現的效果是點擊div，隱藏的列表出現，點擊任意的地方下拉列表消失

<div id="date">選擇日期</div>
<div id="content" style="display:none;">
<ul>
　　<li>2月1日</li>
</ul>
</div>

這個時候直接寫

$("#date").click(function(){
　　$("#content").slideDown();
});
$(document).click(function(){
　　$("#content").slideUp();
});

會出現點擊div時下拉列表先出現后消失的情況

解決這種問題大部分人最先想到的是

在設置document的點擊事件是去掉元素#date，即

$(document).not(‘#date’).click(function(){
　　$("#content").slideUp();
});

但not()在這里并不生效

這時就需要換一種思路

在點擊date的一瞬間content的高度變為1px,display變為block

所以

$(document).not(‘#date’).click(function(){
　　if($("#content").css('display') == 'block' && $("#content").css('height') != '1px'){
　　　　$("#content").slideUp();
　　}
});

就可以達到去掉元素#date的效果

另不想使用slideDown()的話

就必須通過增加一個變量記錄下拉列表的開閉狀態來達到相同的效果

總之其他的情況也可以通過類似的方式來解決題設的問題

感謝各位的閱讀！關于“jquery not不起作用的解決方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！