爲什麼多個動畫隊列在JQuery中有用？

Question

我明白如何使用fx隊列，並指定其他隊列。但是他們會有用的一些真實場景呢？我想過在自己的隊列中淡出一個動畫場景，但只是在不使用隊列的情況下淡出封閉的div更容易。

Answer 1

我使用隊列的一種情況是當我用ajax從後端獲取新數據時。 我調用一個函數，淡出我想要改變html的div。加入它;調用隊列將其內容更改爲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(); 
    }); 
    }  

如果我不使用隊列（），我最終會在元素淡出之前更改html。