jQuery Animate和定位元素

Question

我目前有一個div，左邊有5張左右的圖像，所以它們是並排的。 現在我在父div中有這個div，溢出：隱藏和寬度，以便它只能容納4個圖像。

除了動畫之外，一切都很好，我左右兩個箭頭，但是讓我說我​​按兩次它會像正常情況一樣向右移動然后當我按下左鍵一旦它重置div正常位置並繼續，

$(".next").click(function(){
    $(".item_wrap").animate({right: "+=118px"}, 1500 );
    return false;
});
$(".prev").click(function(){
    $(".item_wrap").animate({left: "+=118px"}, 1500 );
    return false;
});

這是我目前正在使用的代碼。

Answer 1

...但是讓我說我​​向右按兩次它會像往常一樣移動但是當我按下它一旦它重置div正常位置並繼續

嗯，這是因為你不能既動畫left和right相同元素上，除非你真正想要的元素被拉伸（它不會在你的情況舒展雖然因為你可能已經設置靜態元素寬度）。相反，你動畫只需添加和減去其中一個：

$(".next").click(function(){
    $(".item_wrap").animate({right: "+=118px"}, 1500 );
    return false;
});
$(".prev").click(function(){
    // Subtract from 'right' instead of adding to 'left'
    $(".item_wrap").animate({right: "-=118px"}, 1500 );
    return false;
});