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

delay()和fadeout()不会延迟队列中的attr()。

attr delay jquery

Luca · 技术社区 · 15 年前

这个代码有什么问题?我想得到这个效果: fadeOut(500) 和 attr('class','myClass') 延迟了600毫秒。然后 delay(600) 再一次 fadeIn(500) . 延误的发生是正确的,但是 attr() 没有被延误,当 #myDiv 还在褪色!:

$('#myDiv').fadeOut(500)
           .delay(600)
           .attr('class','myClass')
           .delay(600)
           .fadeIn(500);

1 回复 | 直到 15 年前

Nick Craver 15 年前

这个 .delay() 只影响动画或 fx 队列(除非您特别指定了不同的队列)。请记住,链接和队列是两个截然不同的概念,链接继续使用同一个jquery集,但这完全不同于该集中元素上的任何事件队列。

拥有 .attr() 受影响的调用,必须将其作为回调添加到同一队列,使用 .queue() ,像这样:

$('#myDiv').fadeOut(500)
           .delay(600)
           .queue(function(next) { $(this).attr('class','myClass'); next(); })
           .delay(600)
           .fadeIn(500);

还要注意的是 .addClass() , .removeClass() 和 .toggleClass() 可用的方法可能会使此更清晰。)

推荐文章

user8579791 · 如何将属性值存储到表单中的输入

8 年前

Oghli · 禁用动态创建元素jQuery上的复选框

8 年前

Qaswed · 为什么使用'attr(x,“class”)`而不是'class(x)`?

8 年前

HYUTS · 如何在这个循环中使用jQuery添加类

9 年前

danelig · 悬停时删除标题工具提示,但不在HTML中

9 年前

mistkaes · 单击SVG时反转动画效果?

10 年前

JavierSegoviaCordoba · XML中的可见性是什么?一角硬币、字符串等(Android)

10 年前

tgoneil · 如何从svgjs对象获取id

11 年前

waqmaz · 使用jQuery attr div将GIF加载到div

11 年前

sergionni · XPath:返回具有特定属性的第一个符合条件的子项

11 年前