javascript - .css和.animate不执行序列

在下面的代码中，我试图隐藏div，然后为width设置动画。

我的问题是先出现动画，然后再显示无显示。我如何确保它们按顺序执行。

$('.manufacture-details').css('display', 'none');
            $('.dropdown-section').animate({
                'width' : 320
            }, 200);

最佳答案

我不知道您要尝试什么，但是它工作正常，只需查看此jsfiddle，我删除了“ none”，这样您就可以看到动画的发生，之后，不添加任何动画，然后单击“运行”即可会看到它正在工作，显示：无；发生在动画之前。

的HTML

<div class="manufacture-details">
    <div class="dropdown-section"></div>
</div>

JQUERY

$('.manufacture-details').css('display', '');
$('.dropdown-section').animate({
    'width': 320
}, 200);

的CSS

.manufacture-details {
    width:500px;
    height:500px;
    background:red;
}
.dropdown-section {
    height:200px;
    width:100px;
    background:blue;
}

所以我猜你的问题在别的地方...需要更多代码来找出你在做什么错。

关于javascript - .css和.animate不执行序列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28607173/