jQuery sürüklenebilir haline döndüğünü ve olay

Question

İlk soruyu durdurmak, böylece olmak tür :)

Ne yapmaya çalışıyorum kullanıcı sürüklenebilir salıveren bir fonksiyon aramak ve Geri döndürme animasyonu tamamlanmadan önce.

Gördüğüm kadarıyla durma olayı yalnızca geri dönüş bittiğinde çağrılır. Sürüklenebilir seçeneğe bir işlev aktarmayı denedim, ancak işe yaramıyor. İşte benim göstereceğim kodum biraz. Daha sonra eleman dışarı kaybolur fakat geri gelmez - fadeout -

$("a").draggable({ 
    helper:function(){ 
     return $("<div/>",{id:"mydrag",text:"link"}).appendTo("body"); 
    }, 
    revert:function(evt,ui){ 
     // $("#mydrag").fadeOut("slow"); 
     return true; 
    }, 
    stop:function(evt,ui){ 
     console.log("fin"); 
    } 
}); 

Ben Geri döndürme işlevi ilk satırı yorumsuz. Konsol, geri dönüş animasyonu tamamlandığında sadece "fin" i kaydeder.

Bana yardım eden var mı? Bir cevap için çok fazla Googled olduğumu söylemeye gerek yok, ama şanssız.

Buster

Answer 1

İlk olarak, this blog göre, kayıt dışı revert geri arama tek bir bağımsız değişken (damla yuva nesne veya damla reddedilen Boole false) alır.

Şimdi, sorun, yardımcı programını yeniden konumlandırmak için draggable'un animate()'u dahili olarak kullanmasıdır. Görünüşe göre, bu animasyon kuyruğa giriyor ve sadece fadeOut etki bitiminden sonra başlıyor. İstediğinizi elde etmek

bir yolu bu gibi animate() kendinizi çağrı yapmaktır:

anda geri ediliyor ise sürüklenebilir yardımcı fade out sağlar

revert: function(socketObj) { 
    if (socketObj === false) { 
     // Drop was rejected, revert the helper. 
     var $helper = $("#mydrag"); 
     $helper.fadeOut("slow").animate($helper.originalPosition); 
     return true; 
    } else { 
     // Drop was accepted, don't revert. 
     return false; 
    } 
} 

.

Bu çözümü here test edebilirsiniz.