Nivo Slider - wie Schieber nach AJAX Inhalt Last

Question

Mein Code aufzurufen:

<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> 

Wie man Nivo Slider wartet, bis der Ajax-Inhalt geladen wird? Weil, manchmal funktioniert es manchmal nicht .. es hängt von Aktualisierungen der Browser ab. Der erste Besuch der Seite zeigt nicht den Slider, nach Aktualisierung und Ajax Inhalt laden, zeigt es ist OK.

SO muss ich etwas wie warten, bis die Ajax-Anfrage abgeschlossen ist und dann den Slider aufrufen. Ich habe versucht hinzuzufügen: jQuery(document).ajaxComplete(function{ "here my code" });

Aber es funktioniert nicht. Ich benutze es mit PHP-Funktionen, so habe ich den Aufruf von Slider in PHP-Funktion so die Funktion ruft den jQuery-Code und HTML-Code des Schiebereglers und der Parameter der Funktion ist der Name der Element-ID zum Beispiel "zone933". Das PHP funktioniert korrekt; Wenn ich einfache Bilder oder Bilder mit Links verwende, funktioniert es perfekt. Ich arbeite nicht richtig nur ich benutze Ajax laden.

Answer 1

versuchen, etwas wie folgt aus:

<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>