jQuery动画位置不工作

jQuery animate position not working

本文关键字：工作 位置 动画 jQuery      更新时间：2023-09-26

我只是在玩jQuery的animate，而不是得到一个列表元素的位置来动画。我已经将列表位置设置为absolute无序列表的relative，但仍然没有看到这种情况发生。

这里是代码片段和演示在这里JSFiddle

HTML 

<button>click</button>
<ul class="nav">
    <li>Look</li>
    <li>Play</li>
    <li>Eat</li>
    <li>See</li>
</ul>
jQuery 

var menu = $('.nav').children('li');
  $('button').on('click', function () {
      menu[0].animate({
          'top': '+=50'
      }, 200);
  });

您需要使用$(menu[0])

相关文章：