[問題] 使用jQuery queue的疑問

作者: donvito (CryFather)   2015-09-08 19:59:57
各位好,
這兩天在做一個串聯動畫的特效的時候遇到問題:
以下是我各種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的操作方法哪邊理解錯了?
感謝
作者: tooto1985 ( )   2015-09-19 00:04:00
做完動畫在執行dequeuequeue只是不用讓你function內在包function

Links booklink

Contact Us: admin [ a t ] ucptt.com