各位好,
這兩天在做一個串聯動畫的特效的時候遇到問題:
以下是我各種google之後目前嘗試出來的,很遺憾不是我想要的效果...
var theQueue = $({});
theQueue.queue('xxx', function (next){
$("#element1").css('-webkit-transition','-webkit-transform 3s')
next();
});
theQueue.queue('xxx', function (next){
$("#element3").show('slide',{direction:"up"}, 5000);
$("#element4").show('slide',{direction:"down"}, 5000);
next();
});
theQueue.queue('xxx', function (next){
$("#element3").hide('slide',{direction:"right"}, 5000);
$("#element4").hide('slide',{direction:"left"}, 5000);
next();
});
theQueue.dequeue('xxx');
簡而言之,有好多個元素我想要讓他們依照順序進行動畫
所以我想把這些function加進共同的 theQueue.queue('xxx'.....
但是目前run起來結果只有 跟同一個元素相關的動畫有照順序
不同元素的效果仍然同時被call出來 變成畫面一團亂...
請問大大我對Queue的操作方法哪邊理解錯了?
感謝