jquerynot不起作用的解決方法

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

成都創(chuàng)新互聯(lián)公司主營伊寧網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,重慶App定制開發(fā),伊寧h5微信小程序搭建,伊寧網(wǎng)站營銷推廣歡迎伊寧等地區(qū)企業(yè)咨詢

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

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

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

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

在模擬下拉列表時,想要實(shí)現(xiàn)的效果是點(diǎn)擊div,隱藏的列表出現(xiàn),點(diǎn)擊任意的地方下拉列表消失

<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();
});

會出現(xiàn)點(diǎn)擊div時下拉列表先出現(xiàn)后消失的情況

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

在設(shè)置document的點(diǎn)擊事件是去掉元素#date,即

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

但not()在這里并不生效

這時就需要換一種思路

在點(diǎn)擊date的一瞬間content的高度變?yōu)?px,display變?yōu)閎lock

所以

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

就可以達(dá)到去掉元素#date的效果

另不想使用slideDown()的話

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

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

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

網(wǎng)站欄目:jquerynot不起作用的解決方法
當(dāng)前網(wǎng)址:http://bm7419.com/article28/igccjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站設(shè)計(jì)、動態(tài)網(wǎng)站、建站公司微信公眾號網(wǎng)站策劃、網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

成都網(wǎng)頁設(shè)計(jì)公司