jquery - 为什么多个动画队列在 JQuery 中很有用？

Question

我了解如何使用 fx 队列，并指定其他队列。但是在哪些实际场景中它们会很有用呢？我考虑过在其自己的队列中淡出动画场景，但在不使用队列的情况下淡出封闭的 div 会更容易。

Answer 1

我使用队列的一种情况是当我使用 ajax 从后端获取新数据时。我调用一个函数来淡出要更改其 html 的 div。加入它；s 排队调用以将其内容更改为 ajax 加载器，然后再次淡入。在成功响应后，我再次执行相同的步骤以显示获取的 html。这是一个例子：

function searchGPS(position){
    $('#venueListDest').html('<img src="http://alpha.playdozer.com/static/loader.gif" style="margin: 15% auto 0;"/>').queue(function(nxt) {
        GET = "?lat=" + position.coords.latitude + "&long=" + position.coords.longitude;
        console.log(GET);
        nxt();
    }).queue(function(nxt) {
        window.location.href="#venues";
        $.ajax({
        type: "GET",
        url: '/api/search/' + GET,
        data: {
            },
        success: function(data){
            $('#venueListDest').queue(function(nxt) {
                $(this).fadeOut();
                nxt();
            }).queue(function(nxt) {
                $(this).html(data);
                nxt();
            }).queue(function(nxt) {
                $(this).fadeIn();
                nxt();
            });
        }
        });             
        nxt();
    });
    }    

如果我不使用 queue()，我最终会在元素淡出之前更改 html。