2012-05-06 26 views
11

ile aynı öğe üzerinde birden fazla jQuery efekti yürütme Bu sorunun birçok kez sorulmuş olduğunu görüyorum, ancak çözümlerin hiçbiri benim için işe yaramadı. Paralel olarak yürütmek istediğim iki efektim var. http://jsfiddle.net/6VVUG/Paralel

cevap

12

Zincir UI efektleri ve hepsini tek seferde çalıştırmak için dequeue() kullanın:

Ben kutu fade-in ve aynı anda sıçrama istiyorum.

$("#t").hide().show("fade", {}, {duration:1200}).effect("bounce", { times:3 }, { duration:400}).dequeue(); 

FIDDLE

+0

Teşekkür deneyin! Son etkide dequeue() öğesini zincirleme yapabilir veya koyabilirsiniz: http://jsfiddle.net/6VVUG/2/ Dequeue() öğesini her iki efekte de koyarsanız, animasyon frenler. –

+1

Evet, aynı öğe üzerine animasyonlar eklemek, onları zincirleme ile tamamen aynıdır, FX kuyruğuna eklenir, ve dequeue hepsini aynı anda oynatır, FX kuyruğunu boşaltır, bu nedenle de eğer bitiminde dequeue kullanırsanız Her bir ifade, amaçlandığı gibi çalışmayacaktır. – adeneo

1

bu

function g() 
{ 
    $("#t").hide(); 
    $('#t').show(); 
    $("#t").animate({ opacity: 0.5 }, 0).effect("bounce", { times:3 }, { duration:400, queue: false}); 
    $("#t").animate({ opacity: 1 }, 0); 
}