Почему в JQuery нужно использовать несколько очередей анимации?

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(); 
    }); 
    }  

Если я не использую очереди(), я бы в конечном итоге с HTML изменяется до того, как элемент гаснуть.