如何通过ajax加载内容并创建一个滑动效果？

Question

JQuery的：

$.get('/file.php', function(html)
{
    $('#lists li.product:first').before(html).slideDown('slow');
});

HTML：

<ul id="lists">
    <li class="name">Name:</li>
    <li class="product">Product 1</li>
</ul>

除了滑动效果外，一切正常。

内容会在第一个li.product之前插入，但看起来不会在li.name后面向下滑动。

Answer 1

你需要隐藏它

 $('#lists li.product:first').hide().before(html).slideDown('slow');

第一

Answer 2

解决方案：

$.get('/file.php', function(html)
{
    $('#lists li.product:first').before(html);

    $('#lists li.product').hide().slideDown('slow');
});

这似乎对我有用。