ajax - bxSlider 不适用于 AJAX 加载的内容

Question

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

内容都在，不用担心。不起作用的是我的实际滑块。所以当我点击箭头时，它不会移动或任何东西。

在将新内容加载到滑块时，我调用滑块函数，但这不起作用。

有任何想法吗？

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

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

Answer 1

我为遇到同样问题的其他人解决了这个问题。我破坏了滑块，然后又召回了它。

var go_slider = null;

函数运行滑块（）{

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


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

}

完美运行！希望这可以帮助别人！