jQuery动画位置不起作用

Question

我只是在玩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);
  });

Answer 1

你需要使用$(menu[0])代替。