0

我有一个这样的div：

<div class="class1">
    <div class="class2"></div>
    <div class="class3"></div>
    <div class="class4">
         <div class="class5"></div>
    </div>
</div>

此 div 在页面上存在多次。

现在我想删除一些子元素，重新排列其他元素并以正确的方式为该过程设置动画。

目前我这样做。

例子：

var mainElement = $('class1');

mainElement.find('class2').css('property','value');
mainElement.find('class3').remove();
mainElement.find('class4').animate({'property': 'value'});

这可行，但并不像我希望的那样顺利。一次对一个元素执行此操作时，它可以工作，但即使这样也有点不稳定。然而，主要问题是这段代码是在页面加载时执行的，就像我之前说的，它同时应用于更多元素。然后它变得非常不稳定，以至于你根本看不到动画。

有人可以向我解释如何以正确的方式做到这一点吗？

当我这样做时，例如 $('class1').fadOut() 工作非常顺利，即使同时处理 50 个元素。

问候，安迪

4

1 回答 1

0

目前尚不清楚您正在制作什么动画，但如果您移动 div 以导致页面重新流动，您将获得较差的性能。尝试通过使它们绝对定位来将您的 div 从页面流中取出。淡入淡出会表现良好，因为它不会影响布局。

于 2013-03-10T13:30:32.820 回答