javascript - jquery slide div 通过改变边距

Question

我正在制作左/右按钮来制作 div 幻灯片。它通过改变左边距来滑动。我想要做的是让它检查左边距，然后向其添加/减去像素。所以当页面加载时，左边距应该是 0。然后你点击按钮，它检查边距，发现它是 0，添加 150 并将左边距设置为 150。然后如果你再次点击它，它会检查边距，发现它是 150 并添加另一个 150 并将边距设置为 300。

它成功地将边距从 0 移动到 150，但我无法将其移动到 300。我认为它无法正确确定边距。有什么办法可以解决这个问题吗？谢谢!

$('#left').click(function(){
    var pos=$('#contentarea').css("margin-left").replace('px', '');
    pos=pos+150;

    $('#contentarea').animate({ 'margin-left': '-' + pos + 'px'}, 1000);
    return false;
});

Answer 1

无需获取当前的 margin-left 值，您可以使用 '+=%value%' 和 '-=%value%' 运算符。这将从当前值中添加/减去指定值。

  $('#left').click(function(){
     $('#contentarea').animate({ 'margin-left': '+=150px'}, 1000);
     return false;
  });