delay() и fadeOut() не задерживают attr() в очереди

Question

что не так в этом коде? Я пытаюсь получить этот эффект: fadeOut(500) и attr('class','myClass') задерживается на 600 миллисекунд .. затем delay(600) снова и fadeIn(500). Задержки происходят правильно, но attr() не задерживается, он срабатывает, когда #myDiv все еще исчезает! :. (

$('#myDiv').fadeOut(500) 
      .delay(600) 
      .attr('class','myClass') 
      .delay(600) 
      .fadeIn(500); 

Answer 1

.delay() влияет только на анимацию или fx очереди (если не указать другую очередь конкретно) Имейте в виду, что сцепление и очередями 2 совершенно разных понятия, цепочки продолжает использование одного и того же JQuery установить, но это другое дело совсем, чем любые из очередей событий на элементах в этом наборе

чтобы затронувший .attr() вызова, вы должны добавить его в качестве обратного вызова той же очередь, используя .queue(), как это:.

$('#myDiv').fadeOut(500) 
      .delay(600) 
      .queue(function(next) { $(this).attr('class','myClass'); next(); }) 
      .delay(600) 
      .fadeIn(500); 

Также обратите внимание есть .addClass(), .removeClass() и .toggleClass() доступные методы, которые могут сделать это немного понятнее :)