jQuery动画位置不起作用

Question

我只是在使用jQuery的animate而没有获得列表元素的位置来制作动画。 我已将列表位置设置为relative无序列表的absolute，但仍然没有看到这种情况。

以下是代码段和演示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])。