Question

我了解如何使用fx队列，并指定其他队列。但是它们有用的真实场景是什么？我想在自己的队列中淡出一个动画场景，但是在不使用队列的情况下淡出封闭的div更容易。

Answer 1

我使用队列的一种情况是当我从后端使用ajax获取新数据时。我调用一个淡出div的函数，我想改变它的html。添加; 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。

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

1 个答案: