jQuery：使用delay()和prepend()

Question

在下面的代码中，最后一行不能按照我的方式工作：

$('button.goal').click(function () {
 $('div.scorer_away').animate({
  width: 'hide',
  opacy: 'hide'
  }, 'slow')
 .delay(2500)
 .animate({
  width: 'show',
  opacy: 'show'
  }, 'slow');
 $('span.scorer_away').delay(3000).prepend('<img src="chofbauer.png" alt="" />');

我怎样才能让它工作，prepend()函数在3秒后添加新图像（因为2.5秒后，img在容器中前置）被隐藏）？

Answer 1

.delay() 仅适用于 jQuery fx 方法。 .prepend() 不是其中之一。

您可以解决它，就像

$('span.scorer_away').delay(3000).show(1, function(){
    $(this).prepend('<img src="chofbauer.png" alt="" />');
});

实际上您必须创建自己的 .queue() 以获得“干净” “ 解决方案。

完成该任务的另一种方法是使用 JavaScript 原生 setTimeout()。

setTimeout(function(){
   $('span.scorer_away').prepend('<img src="chofbauer.png" alt="" />');
}, 3000);

Answer 2

您可以尝试使用 setTimeout：

function myfunc() { $('span.scorer_away').prepend('<img...>') };   
setTimeout( myfunc, 3000 );