jQuery setup animacja zwrotna wyrzuca błąd

Question

Chcę zaimplementować jQuery animacja zwrotnej metody postęp czy krok,

ale w obu przypadkach Dostaję następujący błąd:

NS_ERROR_IN_PROGRESS: Component returned failure code: 0x804b000f (NS_ERROR_IN_PROGRESS) [nsICacheEntry.dataSize] 

Szukałem dużo ale nie jestem w stanie znaleźć niczego w kontekście, utknąłem tutaj, proszę zasugerować, co może spowodować ten błąd?

W skrzypcach próbowałem z krokiem i postępem i jego działaniem, ale nie mogłem go uruchomić w moim kodzie, po prostu patrzę, czy ktoś ma taki rodzaj błędu w animacji jquery?

Przykładowy kod jest:

this.taskHandle.find('img').stop(true, true).animate({ 
     //todo// 
     top: vtop, // this.taskHandle.outerHeight(), 
     //'top': 0 - $('.target.upper').height(), 
     width: 0, 
     opacity: 0 
    }, { 
     duration: 2000, 
     step: function(){ 
      console.log('I am called'); 
     } 
    }, 

    $.proxy(function() { 
     // some css clearing method 
    }, { 
     // some further actions after animation completes 
    }) 
); 

Answer 1

masz jakieś błędy semantyczne tu dzieje. Idę odśwież swój kod, sformatowaną dla łatwiejszego odczytu:

this.taskHandle.find('img') 
    .stop(true, true) 
    .animate(
     { 
      //todo// 
      top: vtop , // this.taskHandle.outerHeight(), 
      //'top' : 0 - $('.target.upper').height(), 
      width : 0, 
      opacity : 0 
     }, 
     { 
      duration:2000, 
      step: function() { 
       console.log('I am called'); 
      } 
     }, 
     $.proxy(
      function() { 
       // some css clearing method 
      }, 
      { 
       // some further actions after animation completes 
      } 
     ) 
    ); 

pierwsze: animate() nie przyjmuje 3 parametry (przynajmniej nie te 3 parametry). Nie jestem pewien, co próbujesz zrobić ze swoim css clearing method, ale wszystko, co nie będzie się działo po zakończeniu animacji, powinno być w metodzie complete, którą dodajesz tuż obok metody step.

Po drugie: $.proxy() musi mieć kontekst, w którym ma działać jako drugi parametr, a nie jakaś inna "pełna" funkcja.

Oto nieco zmodyfikowany przykład, który działa. Możesz spróbować samemu w this fiddle.

var vtop = 100; 

$('div') 
    .stop(true, true) 
    .animate(
     { 
      top: vtop, 
      width: 0, 
      opacity : 0 
     }, 
     { 
      duration: 2000, 
      step: function() { 
       console.log('I am called'); 
      }, 
      complete: function() { 
       alert('complete');// some further actions after animation completes 
      } 
     } 
    ); 

Answer 2

Można użyć Julian Shapiro Velocity.js, które animacje są (dyskusyjne) szybciej niż jQuery i CSS (read this dłużej)

To pozwala używać wywołania zwrotne, takie jak:

• Rozpocznij
• postęp
• kompletny

jak:

var vtop = 100; 
jQuery(document).ready(function ($) { 
    $('div').find("img").velocity({ 
     top: vtop, 
     width: 0, 
     opacity: 0 
    }, { 
     duration: 2000, 
     begin: function (elements) { 
      console.log('begin'); 
     }, 
     progress: function (elements, percentComplete, timeRemaining, timeStart) { 
      $("#log").html("<p>Progress: " + (percentComplete * 100) + "% - " + timeRemaining + "ms remaining!</p>"); 
     }, 
     complete: function (elements) { 
      // some further actions after animation completes 
      console.log('completed'); 
      $.proxy(...); // some css clearing method 
     } 
    }); 
}); // ready 

Zawiadomienie, że po prostu trzeba wymienić .animate() przez .velocity()

Zobacz JSFIDDLE