Question

我认为我在这里犯了一个错误，因为它可能不起作用。也许有人可以帮助我

这是我的jQuery代码（我认为其余的并不重要）：

$（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;"
        });
    }
});

谢谢

编辑：发现我的错误

$(".nav").animate({
            left: "-280px;"
        });

“;”在动画括号中是非常错误的：）

Answer 1

您需要为document.ready添加一个结束大括号：

$(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

Answer 2

您还需要在toggled条件中设置else：

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;
    }
});

jQuery变量错误

2 个答案: