0

私はこの時点で本当に立ち往生しています。特定の方向に 750px 以上スライドできない非常に基本的なスライド div を作成しようとしています。以下のスクリプトを作成しましたが、クリックするたびに#teamInner div スライドのvar 位置が常に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");
}

});
4

1 に答える 1

0

positionをアニメートするたびに、 の値を手動で変更する必要がありますdiv。
簡単に言えば、追加するだけです

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

leftおよびright関数で。

于 2013-09-27T10:21:49.560 に答える