NIVO 슬라이더 - 어떻게 AJAX 콘텐츠로드 한 후 슬라이더를 호출하는

Question

내 코드 :

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

어떻게 만드는 아약스 내용이로드 될 때까지 NIVO 슬라이더가 대기? 때로는 작동하지 않는 경우가 있기 때문에 브라우저의 새로 고침에 따라 달라집니다. 첫 페이지 방문시 슬라이더가 표시되지 않고 새로 고침 및 Ajax 콘텐츠로드 후 표시가 OK입니다.

그래서 저는 Ajax 요청이 완료되고 Slider를 호출하기 전까지 기다려야합니다. 추가하려고 시도했습니다 : jQuery(document).ajaxComplete(function{ "here my code" });

하지만 작동하지 않습니다. PHP 함수에 슬라이더를 호출하여 함수가 jQuery 코드와 슬라이더의 html 코드를 호출하므로 함수의 은 요소 ID의 이름 인 "zone933"입니다. PHP가 올바르게 작동합니다. 링크가있는 간단한 이미지 나 이미지를 사용하면 완벽하게 작동합니다. 제대로 작동하지 않습니다. 아약스로드 만 사용합니다. 이 같은

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>