代码之家 › 专栏 › 技术社区 › methodin

jquery自定义队列

jquery-animate queue animation jquery

methodin · 技术社区 · 14 年前

我要做的是隔离动画,这样我就可以在不影响重要动画的情况下杀死某些动画。我正在尝试将mouseenter/mouseleave动画添加到队列中,以便在其他动画开始时杀死它们。下面的代码不会停止排队的动画。它的行为类似于默认设置,动画将在队列中累积并播放。什么给予?

$('.item').mouseenter(function(){
    $(this).clearQueue("test");
    $(this).queue("test",function(next){        
        $(this).animate({
            height: '250px'
        },500);
    });
    $(this).dequeue("test");
}).mouseleave(function(){
    $(this).clearQueue("test");
    $(this).queue("test",function(next){        
        $(this).animate({
            height: '140px'
        }, 250);
    });
    $(this).dequeue("test");
})

1 回复 | 直到 14 年前

Nick Craver 14 年前

因为你运行的函数 "test" 队列完成立即所以结果是你立即添加内容到 fx (默认动画)队列,您的 “测试” 队列始终保持为空。

在打电话之前,里面只有一件东西 .dequeue() …然后 外汇 队列有一个新条目,该队列将不断生成那个排队,你永远不会清空。就像这样:

$(this).clearQueue("test"); -此队列已为空
$(this).queue("test", ...); -将项添加到 test 队列
$(this).animate({... }); -在上排队动画 外汇 队列
$(this).dequeue("test"); -启动 测试 队列,从开始立即清空 .animate() 立即返回。

推荐文章

Newbie_Coder · 如何使用Jquery无画布裁剪框架

1 年前

usman610 · Javascript代码在点击回车键和点击按钮时删除行

1 年前

NovoMannen · 导航中的下拉菜单在内容后面重叠

1 年前

Carly · 在页面加载时滑入div,然后单击以滑入和滑出(jQuery)

1 年前

Community wiki · jquery弹出窗口不会用按键关闭,但会点击

1 年前

Community wiki · Smarty IE9请求下载index.php文件(在上传未发生后)?是我的代码出错还是activecollab?

1 年前

Community wiki · 无法从jquery文档调用函数

1 年前

marzouk najib · Uncaught ReferenceError:未定义FullCalendar

2 年前

Pepe · 检查“data”属性是否包含输入值的一部分(jQuery)

2 年前

laurence keith albano · 如何使用Jquery在父类内添加子父类

2 年前