<分区>
标签 javascript jquery html css
我想知道是否有人可以告诉我为什么这不起作用?
$(function() {
$("#header").click(function() {
if ($(".menuBody").css('width') == 0) {
$(".menuBody").delay(0).animate({"width": "350"}, 500);
}
else if ($(".menuBody").css('width') == 350){
$(".menuBody").delay(400).animate({"width": "0"}, 500);};
});
});
最佳答案
.css('width')
不等于数字。它等于一个字符串。请改用 .width()
。
$(function() {
$("#header").click(function() {
if ($(".menuBody").width() == 0) {
$(".menuBody").delay(0).animate({"width": "350"}, 500);
}
else if ($(".menuBody").width() == 350){
$(".menuBody").delay(400).animate({"width": "0"}, 500);
}
});
});
更多信息在这里:http://api.jquery.com/width/
关于JavaScript if-else 条件改变 CSS 宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37532954/