BxSlider - 将滑块重新分配给不同的元素

Question

我正在使用这个BxSlider plugin，根据<ul>元素可见，我需要重新分配给不同的元素。如何从页面加载的元素集中删除滑块到另一个元素？

$(document).ready(function() {
    $('.welcome_sections .menu').bxSlider({
      minSlides: 1,
      maxSlides: 7,
      slideWidth: 120,
      slideMargin: 10
    }); 

}); 

我想在另一个元素上重新加载滑块。 我尝试了以下但是没有工作

slider = $('.welcome_sections .menu2').bxSlider();
slider.reloadSlider();

Answer 1

reloadSlider（）仅在修改内容并需要重新初始化同一元素时才有效。但是我发现我需要首先使用.destroySlider（）然后再在新元素上创建它。

var slider = $('.welcome_sections .menu').bxSlider(default_args);
...
slider.destroySlider();
slider = $('.welcome_sections .menu2').bxSlider(default_args);