Question

我真的被困在这一点上。我试图创建一个非常基本的滑动div，它不能在某个方向上滑动超过750px。我创建了下面的脚本，但是，尽管 #teamInner div在每次点击时滑动 var position 始终保持在 0px ，这意味着如果语句我写的将不起作用。谁能发现我做错了什么？这是代码：

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

在left和right函数中。

变量不会用jquery更新

1 个答案: