jquery - 第二次滑动 div 会重置它的位置，然后才移动它

Question

我有两个按钮，第一个将 div 向左滑动，第二个按钮将同一个 div 向右滑动，至少它应该...

 $('#homelink').click(function() {
  $('#hometable').animate({
    right: '-=500px'
  }, 500, function() {
  });
});
$('#projectslink').click(function() {
  $('#hometable').animate({
    left:'+=100%'
  }, 500, function() {
  });
});

<table id="hometable" style="position:relative; top:10%">

现在，当单击“projectslink”按钮时，我如何让“hometable”从第一个按钮滑动到的位置滑动，因为发生的情况是，它首先重置表的原始位置，然后滑动它。

Answer 1

不知道你要什么，但我想那是因为你在第一次点击时改变了正确的位置，然后在其他地方改变了左边..为两者都改变​​了右边，这应该可以工作..

$('#homelink').click(function() {
  $('#hometable').animate({
    right: '-=500px'
  }, 500, function() {
  });
});
$('#projectslink').click(function() {
 $('#hometable').animate({
   right:'+=500px'
 }, 500, function() {
});
});

Answer 2

尝试这个：

$('#projectslink').click(function () {
    $('#hometable').animate({
        left: '+=100%',
        right: '+=500px'
    }, 500, function () {});
});