Question

我在我的网站上使用bxSlider。当我从下拉菜单中选择一个尺寸时，我使用ajax获取滑块的特定内容并输入它。

内容就在那里，不用担心。什么不起作用是我的实际滑块。因此，当我点击箭头时，它不会移动或任何东西。

在将新内容加载到滑块中时，我调用了滑块功能，但这不起作用。

有什么想法吗？

下面的代码是将我的ajax内容插入到我页面上的正确元素中，然后调用滑块函数。

$('.bxslider').html(po_data.slider);
runslider();

Answer 1

我为遇到同样问题的其他人解决了这个问题。我摧毁了滑块，然后再次召回它。

var go_slider = null;

function runslider（）{

   if (go_slider) {
      go_slider.destroySlider();
   }


   go_slider = $('.bxslider').bxSlider({
      minSlides: 4,
      maxSlides: 4,
      moveSlides: 4,
      slideWidth: 208,
   });

}

完美的作品！希望这可以帮助别人！

bxSlider没有处理AJAX加载的内容

1 个答案: