楼主:
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的操作方法哪边理解错了?
感谢