javascript - 这个判断为什么不生效呢if($(".a").css("width") == 100){}
本文介绍了javascript - 这个判断为什么不生效呢if($(".a").css("width") == 100){}的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
为什么这个判断不生效呢？我是想判断这个$(".a") 宽度是否为100px，是不是哪里写错了？
$(function(){
$(".a").animate({width:"100px"},3000);
if($(".a").css("width") == 100){
console.log("100");
}
})
我刚刚解决了···· animate(style,speed,callback)，写在animate里面就可以解决方案
首先 JavaScript 是异步加载，你那动画是3秒之后才加载的，所以宽度不会是100px，你只要加个定时器就可以了； 第二 你比较的时候少了单位 ‘px’， 修改后的代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="jquery-1.9.1.min.js"></script>
<title>Document</title>
</head>
<body>
<div class="a">
</div>
</body>
</html>
<script>
$(function() {
$(".a").animate({
width: "100px"
}, 3000);
// console.log($(".a").css("width"))
setInterval(function() {
if ($(".a").css("width") == '100px') {
console.log("100");
}
}, 3000)
})
</script>这篇关于javascript - 这个判断为什么不生效呢if($(".a").css("width") == 100){}的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
