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 Slider等到加载ajax内容为止？因为，有时它有时不工作..这取决于浏览器的刷新。刷新和ajax内容加载后，页面的第一次访问不显示Slider，显示没问题。

所以我需要做一些事情，比如等待ajax请求完成，然后再调用Slider。我试图添加： jQuery(document).ajaxComplete(function{ "here my code" });

但它不起作用。我正在使用PHP函数，所以我在PHP函数中调用了滑块所以该函数调用滑块和参数的jQuery代码和html代码 of function是元素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>

Nivo Slider - 如何在AJAX内容加载后调用滑块

1 个答案: