Nivoスライダー - AJAXコンテンツ負荷

Question

マイコードの後に​​スライダーを呼び出す方法：Ajaxのコンテンツがロードされますまで、Nivoスライダーが待機にする方法

<script type="text/javascript"> 
jQuery(window).load(function() { 
    jQuery('#slider02').nivoSlider({ 
    controlNav: true, 
    effect: 'boxRainGrow', 
    animSpeed: 1500, 
    pauseTime: 8000 
    }); 
}); 
</script> 

<div class="slider-wrapper theme-default"> 
<div id="slider02" class="nivoSlider">  
    <span id="zone933"> 
    <script type="text/javascript"> 
    jQuery('#zone933').load('/content.phtml); 
    </script> 
    </span> 
</div> 
</div> 

？ 時には動作しないことがあります。ブラウザのリフレッシュによって異なります。 ページの最初の訪問時にSliderが表示されず、リフレッシュおよびAjaxコンテンツのロード後に表示されます。 表示はOKです。

だから、私はajaxリクエストが完了してSliderを呼び出すまで待機する必要があります。 私は追加しようとしました： jQuery(document).ajaxComplete(function{ "here my code" });

しかし、それは動作しません。 私はPHP関数でそれを使用していますので、PHP関数 のスライダを呼び出していますので、関数はスライダのjQueryコードとhtmlコードを呼び出しています。パラメータ は、要素IDの名前、例えば "zone933"です。 PHPが正しく動作します。私は単純な画像やリンクを持つ画像を使用する場合、それは完璧に動作します。 私は正しく動作しません私はajaxの負荷を使用します。

Answer 1

このような何か試してみてください：

<script type="text/javascript"> 
jQuery(document).ready(function() { 
    jQuery('#zone933').load('/content.phtml', function() { 
     jQuery('#slider02').nivoSlider({ 
      controlNav: true, 
      effect: 'boxRainGrow', 
      animSpeed: 1500, 
      pauseTime: 8000 
     }); 
    }); 
}); 
</script> 

<div class="slider-wrapper theme-default"> 
<div id="slider02" class="nivoSlider">  
    <span id="zone933"> 
    </span> 
</div> 
</div> 

を