Javascript jQuery变量错误
我想我犯了一个错误,因为它可能不起作用。也许有人能帮我 以下是我的jQuery代码(我认为其余的并不重要): $(文档).ready(函数(){ var-toggled=falseJavascript jQuery变量错误,javascript,jquery,Javascript,Jquery,我想我犯了一个错误,因为它可能不起作用。也许有人能帮我 以下是我的jQuery代码(我认为其余的并不重要): $(文档).ready(函数(){ var-toggled=false $(".arrow").click(function () { if (toggled === false) { $(".nav").animate({ left: "0px" }); $(".arrow").animate({
$(".arrow").click(function () {
if (toggled === false) {
$(".nav").animate({
left: "0px"
});
$(".arrow").animate({
left: "280px"
});
toggled = true;
} else {
$(".nav").animate({
left: "-280px;"
});
$(".arrow").animate({
left: "0px;"
});
}
});
多谢各位
编辑:发现了我的错误
$(".nav").animate({
left: "-280px;"
});
动画括号中的“;”非常错误:)文档还需要一个右大括号。就绪:
$(document).ready(function () {
var toggled = false;
$(".arrow").click(function () {
if (toggled === false) {
$(".nav").animate({
left: "0px"
});
$(".arrow").animate({
left: "280px"
});
toggled = true;
} else {
$(".nav").animate({
left: "-280px;"
});
$(".arrow").animate({
left: "0px;"
});
}
});
}); // you missed this
您还需要在
else
条件中设置toggled
:
var toggled = false;
$(".arrow").click(function () {
if (toggled === false) {
$(".nav").animate({
left: "0px"
});
$(".arrow").animate({
left: "280px"
});
toggled = true;
} else {
$(".nav").animate({
left: "-280px;"
});
$(".arrow").animate({
left: "0px;"
});
toggled = false;
}
});
在
else
part中,没有toggled=false;
所以它不能在两种状态之间切换?@fuyushimoya忘记了这一点。但是它仍然没有重新设置动画。我认为应该有2'=='而不是3'=='来验证它们是否具有相同的类型和值,同时'=='检查值