jquery - 变量不会用 jquery 更新

Question

我真的被困在这一点上。我正在尝试创建一个非常基本的滑动 div，它不能在某个方向上滑动超过 750px。然而，我已经创建了下面的脚本，尽管每次单击var 位置的#teamInner div 幻灯片始终保持在0px，这意味着我编写的if语句将不起作用。谁能发现我做错了什么？这是代码：

var position = ($("#teamInner").css("margin-left"));
var maxRight = "-750px"
var maxLeft = "0px"

function left(){
    $("#teamInner").stop(true, true).animate( {"margin-left":"+=250"},500,'easeOutQuart');
    $("#leftArrow").css("background-position", "50px");
    $("#rightArrow").css("background-position", "100px");
}

function right(){
    $("#teamInner").stop(true, true).animate( {"margin-left":"-=250"},500,'easeOutQuart');
    $("#rightArrow").css("background-position", "100px");
    $("#leftArrow").css("background-position", "50px");

}


$("#leftArrow").click(function(){
if (position <= maxLeft && position >= maxRight) {
    alert(position);
    left();
}
else{
$("#leftArrow").css("background-position", "150px");
}
});

$("#rightArrow").click(function(){
if (position <= maxLeft && position >= maxRight) {
    alert(position);
    right();
}
else{
$("#rightArrow").css("background-position", "0px");
}

});

Answer 1

您需要手动更改position每次为div.
简而言之，您可以添加

position = ($("#teamInner").css("margin-left"));

在leftandright函数中。