jquery not不起作用怎么办-木庄网络博客

本文摘自PHP中文网，作者藏色散人，侵删。

jquery not不起作用的解决办法：首先打开不起作用的代码文件；然后修改jquery代码为“$(document).not(‘#date’).click(function(){...}”即可。

本教程操作环境：Dell G3电脑、Windows7系统、HTML5&&CSS3&&jquery2.0.0版本。

推荐：《css视频教程》《javascript基础教程》

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不起作用怎么办的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » jquery not不起作用怎么办

jquery not不起作用怎么办

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论