javascript - jQuery html() 与其他函数链接时序问题

Question

我经常注意到这一点，但它终于开始困扰我(请原谅双关语)。当我将 html() 与其他函数链接在一起时，似乎 html() 无论如何都会先运行。例如:

$("#news .inner").hide("slide", { direction: strOpposite }, 500).delay(1000).html(strData).show("slide", { direction: strDirection }, 500);

即使如图所示向其添加 delay() 似乎也无法解决问题。这条线是我为网站的新闻存档部分实现的翻页效果的一部分。有任何想法吗？谢谢。

Answer 1

当您将许多方法链接在一起时，它们将按链接的顺序执行，但动画方法会添加到动画队列中，实际动画会在稍后(按顺序)发生。

据我了解，.delay() method只会延迟动画队列中的事情。 .html() 方法不是动画。

如果您打算在 .hide() 方法完成后调用 .html()，那么您应该将它放在由.hide() method .

所以，假设你想隐藏，然后更改 html，然后显示，你可以这样做:

$("#news .inner").hide("slide", { direction: strOpposite }, 500,
                       function() { $(this).html(strData); })
                 .show("slide", { direction: strDirection }, 500);

演示:http://jsfiddle.net/BnFyb/