jQueryを使用してアクションを順番に実行する

Question

私のページにfullscreenr jQueryプラグインを使用しています。まず、私が画像を隠し、その後、私はwaitforimageプラグインを使用して、その上fullscreenr実行し、その後、最終的に私はそれを表示するには、フェードインを使用します。

<img id="bgimg" style="display: none;" src="<?php bloginfo('template_url')?>/images/backgrounds/<?php echo $imageData['location']; ?>" /> 

<script type="text/javascript"> 
    $bg = $('#bgimg'); 
    $bg.hide(); 
    var FullscreenrOptions = { width: <?php echo $imageData['width']; ?>, height: <?php echo $imageData['height']; ?>, bgID: '#bgimg' }; 
    $bg.waitForImages(jQuery.fn.fullscreenr(FullscreenrOptions)); 
    $bg.fadeIn(2500); 
</script> 

私の問題は何とか、何かがかなり右に動作していないということです。これは私の開発ボックスでうまく動作しますが、Web上でページを読み込もうとすると、画像が完全に読み込まれる前にfadeInが開始されます。

私はfullscreenr関数にコールバックを追加しようとしましたが、同じ結果がありました。正しく動作するようにするにはどうすればよいですか？私もfullscreenrをロードするために$ bg.load（）を使用してみました。

ありがとうございます！

Answer 1

function2(function1(whatever))などのネストされた関数呼び出しがあると、内部関数が最初に実行され、次に外部関数が実行されます。したがって、あなたのケースでは、fullFrame（）コールはwaitForImagesの前に適用されます。これは動作を説明します。私は、これはあなたが

$bg.waitForImages(function() {jQuery.fn.fullscreenr(FullscreenrOptions)});