jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery:如何在动画堆栈中使用deferreds大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在动画序列完成后,我无法确定如何使用Deferreds来运行回调.如果我只动画一件事,我知道我可以在动画/淡入淡出/幻灯片的末尾使用.promise(),但是试图动画多个东西,我不知道如何使用它.

我的代码到目前为止如下:

var delayTime = 0;
$stack = $('li'); // returns five list items.
$stack.each(function(index,element) {
    $(element).delay(delayTimE).animate({ opacity: 0.3 },500,function() {
        $(element).animate({ opacity: 1 },500);
    });
    delayTime += 1250;
});

在所有元素连续淡入和淡出之后,我想在最后运行一个回调.

解决方法

<script src="js/jquery/jquery-1.7.1.js"></script>

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

<script>
    $(function() {
        var delayTime = 0;
        var $stack = $("li");
        $stack.each(function(index,element) {
            $(element)
                .delay(delayTimE)
                .animate({ opacity: .3 },500)
                .animate({ opacity: 1 },500);
            delayTime += 1250;
        }).promise().done(function() {
            $stack.parent().append("<li>Hello!</li>");
        });
    });
</script>

大佬总结

以上是大佬教程为你收集整理的jQuery:如何在动画堆栈中使用deferreds全部内容,希望文章能够帮你解决jQuery:如何在动画堆栈中使用deferreds所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。