jQuery动画和定位元素

jQuery Animate and positioning elements

本文关键字：元素 定位 动画 jQuery      更新时间：2023-09-26

I current有一个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;
});

这是我目前正在使用的代码。

但假设我向右按两次，它会像正常情况一样移动，但当我向左按一次时，它会重置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;
});
相关文章：