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

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

我使用队列的一个场景是使用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();
    });
    }    

功能搜索GPS（位置）{
$（'#venueListDest'）.html（''）.queue（函数（nxt）{
GET=“？lat=“+position.coords.latitude+”&long=“+position.coords.longitude；
console.log（GET）；
nxt（）；
}).队列（函数（nxt）{
window.location.href=“#场馆”；
$.ajax({
键入：“获取”，
url:'/api/search/'+GET，
数据：{
},
成功：功能（数据）{
$（'#venueListDest'）。队列（函数（nxt）{
$（this.fadeOut（）；
nxt（）；
}).队列（函数（nxt）{
$（this）.html（数据）；
nxt（）；
}).队列（函数（nxt）{
$（this.fadeIn（）；
nxt（）；
});
}
});             
nxt（）；
});
}    

如果我不使用queue（），我将在元素淡出之前更改html