Question

我使用animate()，queue()和dequeue()制作了动画。我已经读过jquery有 - jquery.queue()或$.queue()以及jquery.dequeue()或$.dequeue()。有人可以借助此示例帮助我这些新术语，进行更改并使用 - $.queue()和$.dequeue()吗？谢谢......

<html>

<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>

<body>
    <button id=but1>Click</button>
    <div id=div1 style="width:50px;height:50px;position:relative;background:pink;">Hi</div>
    <script>
        $(document).ready(function() {
            $('#but1').click(function() {
                $('#div1')
                    .animate({
                        left: "+=300px"
                    }, 3000)
                    .queue(function() {
                        $(this).html("Hello")
                            .css('background', 'red')
                            .css('width', '400px')
                            .dequeue();
                    })
                    .animate({
                        top: "+=500px"
                    }, 1000)
            });
        });
    </script>
</body>

</html>

Answer 1

queue和dequeue对选择器进行操作。任何不需要html元素的函数都可以使用$。比如$ .ajax（）

.queue（）＆amp;的示例.dequeue（）与$ .queue（）＆amp; $ .dequeue（）

1 个答案: