Javascript附加到动画不工作
我正在使用appendTo将子div从一个父对象移动到另一个父对象。以下是部分功能: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
$('#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。移动它们效果很好,但动画根本不起作用。