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不起作用怎么办的详细内容,更多请关注php中文网其它相关文章!
已抢65168个
抢已抢28770个
抢已抢15676个
抢已抢7901个
抢已抢9900个
抢已抢20066个
抢