2

次のコードでは、最後の行が私のやり方では機能しません:

$('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 のプリペンドが隠されているコンテナのため)。

4

2 に答える 2

1

.delay()jQuery でのみ動作しfx methodsます。.prepend()それらの1つではありません。

次のように回避できます

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

実際には、「クリーンな」ソリューションのために独自の.queue()を作成する必要があります。

そのタスクを達成する別の方法は、javascripts native を使用することですsetTimeout()。

setTimeout(function(){
   $('span.scorer_away').prepend('<img src="chofbauer.png" alt="" />');
}, 3000);
于 2010-07-14T06:47:15.377 に答える
0

You could try using setTimeout:

function myfunc() { $('span.scorer_away').prepend('<img...>') };   
setTimeout( myfunc, 3000 );
于 2010-07-14T06:49:46.343 に答える