框滑块的控件不起作用

Question

我使用boxslider的两个图像列表显示在同一个空间中 基本上我正在初始化一个boxslider，当所有图像都滚动一次时，我正在初始化第二个boxslider并使用slider.destroySlider（）销毁第一个盒子滑块; 我得到的错误是当两个盒子滑块都移动了一次，盒子控件根本不工作，甚至goleft和右键按钮都不起作用..这里是一段代码片段

<div class="content">
    <div class="boxSliderContainer1">
       <ul id="bxslider2">
        <li><img src="goo.png"></li>
        <li><img src="goo2.png"></li>
        <li><img src="goo3.png"></li>
       </ul>
    </div>
    <div class="boxSliderContainer2">
       <ul id="bxslider">
        <li><img src="goo4.png"></li>
        <li><img src="goo5.png"></li>
       </ul>
    </div>

和我的某些部分

$('#bxslider2').bxSlider({
          auto: false,
          speed: 500,
          pause: 10000,
          onSlideNext : function($slideElement, oldIndex, newIndex){
            if(oldIndex==2){
                services_slider();
            }
         }
      }
      );
$('#bxslider1').bxSlider({
          auto: false,
          speed: 500,
          pause: 10000,
          onSlideNext : function($slideElement, oldIndex, newIndex){
            if(oldIndex==2){
                products_slider();
            }
         }
      }
      );
function services_slider(){
    $(".bxsliderContainer2").css('display','none');
    $(".bxsliderContainer").css('display','block');
    $('#bxslider').bxSlider({
          auto: true,
          speed: 500,
          pause: 10000,
          captions: true,
          onSlideNext : function($slideElement, oldIndex, newIndex){
            if(oldIndex == 1)
                product_slider();
      }});
    slider = $('#bxslider2').bxSlider();
    slider.destroySlider();
}
function product_slider(){
    $(".bxsliderContainer").css('display','none');
    $(".bxsliderContainer2").css('display','block');
    $('#bxslider2').bxSlider({
          auto: true,
          speed: 500,
          pause: 10000, 
          onSlideNext : function($slideElement, oldIndex, newIndex){
            if(oldIndex == 2)
                services_slider();}
      });
    slider = $('#bxslider').bxSlider();
    slider.destroySlider();
    }
});