Question

我使用appendTo将子div从一个父级移动到另一个父级。以下是这部分功能：

$('#forum_holder_hidden').children().slice(0,5).appendTo("#forum_holder").fadeIn(8000);

这是两个div的html输出：

echo '<div id="outside-one">';
    echo '<div class="inside" id="1"></div>';
    echo '<div class="inside" id="2"></div>';
    echo '<div class="inside" id="3"></div>';
    echo '<div class="inside" id="4"></div>';
    echo '<div class="inside" id="5"></div>';
    echo '<div class="inside" id="6"></div>';
    echo '<div class="inside" id="7"></div>';
    echo '<div class="inside" id="8"></div>';
    echo '<div class="inside" id="9"></div>';
    echo '<div class="inside" id="10"></div>';
echo '</div>';

echo '<div id="outside-two">';
    echo '<div class="inside" id="11"></div>';
    echo '<div class="inside" id="12"></div>';
    echo '<div class="inside" id="13"></div>';
    echo '<div class="inside" id="14"></div>';
    echo '<div class="inside" id="15"></div>';
    echo '<div class="inside" id="16"></div>';
    echo '<div class="inside" id="17"></div>';
    echo '<div class="inside" id="18"></div>';
    echo '<div class="inside" id="19"></div>';
    echo '<div class="inside" id="20"></div>';
echo '</div>';

第二个父级（id = outside-two）具有css属性display：none。我正在将子div从第二个父级移动到第一个父级，以便在用户滚动到页面底部时显示它们。

最后使用的持续时间或动画并不重要，它仍然无法改变。我在这里做错了什么，或者当我使用appendTo时动画根本不起作用？

Answer 1

你的问题是任何＆＃34;出现＆＃34;动画，在动画开始之前元素必须是display:none。尝试在运行动画之前进行设置。

$('#forum_holder_hidden').children().slice(0,5).appendTo("#forum_holder").css('display','none').fadeIn(8000);

Javascript AppendTo动画不起作用

1 个答案: