作者donvito (CryFather)
看板Ajax
标题[问题] 使用jQuery queue的疑问
时间Tue Sep 8 19:59:57 2015
各位好，
这两天在做一个串联动画的特效的时候遇到问题:
以下是我各种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的操作方法哪边理解错了?
感谢
-----------------------------------------
最後发现 Queue只能用在对同一个element身上...
舍弃了Queue 改用Deferred object完成
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 36.230.160.146
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/Ajax/M.1441713603.A.168.html
※ 编辑: donvito (36.230.160.146), 09/08/2015 20:03:41
※ 编辑: donvito (118.167.98.252), 09/09/2015 16:39:14
1F：推 tooto1985: 做完动画在执行dequeue 09/19 00:04
2F：→ tooto1985: queue只是不用让你function内在包function 09/19 00:05