Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/466.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/email/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript附加到动画不工作_Javascript_Jquery_Html_Animation - Fatal编程技术网

Javascript附加到动画不工作

Javascript附加到动画不工作,javascript,jquery,html,animation,Javascript,Jquery,Html,Animation,我正在使用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>'; ech

我正在使用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>';
echo';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
回声';
第二个父级(id=两个之外)具有css属性display:none。我将子div从第二个父对象移动到第一个父对象,以便在用户滚动到页面底部时显示它们

不管我在最后使用什么持续时间或什么动画,它仍然不会改变任何东西。
我在这里做错了什么,还是在使用appendTo时动画根本不起作用?

您的问题是,对于任何“出现”动画,在动画开始之前,元素必须是
display:none
。在运行动画之前,请尝试设置该选项

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

请你也分享你的HTML代码好吗?出什么事了?正在添加并显示元素,但动画没有?请更具体一点,我刚刚发布了html代码。我从第二个父对象中获取一些子div,并将它们放入第一个父对象中以显示它们,因为第二个父对象有一个display:none。移动它们效果很好,但动画根本不起作用。