jquerynot不起作用的解决方法-创新互联

这篇文章给大家分享的是有关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不起作用的解决方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

当前名称:jquerynot不起作用的解决方法-创新互联
本文地址:https://www.cdcxhl.com/article34/cojise.html

成都网站建设公司_创新互联,为您提供定制开发网站设计公司面包屑导航App设计动态网站企业网站制作

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

外贸网站制作