Question

如何让jquery animate方法向左滑动？

例如，我有一个从ajax调用中获得的项目列表。项目清单放在ul li list ..

           <ul id="list">
               <li>aaaa</li>
               <li>bbbb</li>
               <li>cccc</li>
               <li>dddd</li>
               <li>eeee</li>
          </ul>

现在我正在尝试将此列表设置为名为insertDataDiv

的div

 <div id="insertDataDiv">
       <ul id="list"></ul>
 </div>

这是我遇到问题的滑动逻辑。

将数据插入div后，我将其设为动画

var startSlideFrom = $("#insertDataDiv").position().left + $("#insertDataDiv").width();
var moveSlideTo = "0%";

$("#list").css({marginLeft: startSlideFrom});  // this is working
$("#list").animate({marginLeft: moveSlideTo}); // this is working

在代码中，我尝试将以前的列表项移出insertDataDiv，如下所示：

  startSlideFrom = moveSlideTo;

  $("#list").css({marginLeft: startSlideFrom}); 
  $("#list").animate({marginLeft: "-100"});

这最后一行正确地向左滑动，但是新列表从右侧循环滑入到顶部应该再次从左侧滑动，如第一个列表那样。

我想要完成的是......

               -------------------------
 <- slide out  |   insertDataDiv        | <-- slide in the list from position 408
               -------------------------

如何让jquery动画方法向左滑动？

0 个答案: