Titanium 盒式滑块';s框控件不工作

Titanium 盒式滑块';s框控件不工作,titanium,appcelerator,Titanium,Appcelerator,我使用两个图像列表,使用boxslider显示在同一空间中 基本上,我正在初始化一个boxslider,当所有图像滚动一次时,我正在初始化第二个boxslider并使用slider.destroySlider()销毁第一个boxslider; 我得到的错误是,当两个框滑块移动一次时,框控件根本不工作,甚至goleft和go right按钮也不工作。。下面是一段代码片段 <div class="content"> <div class="boxSliderContaine

我使用两个图像列表,使用boxslider显示在同一空间中 基本上,我正在初始化一个boxslider,当所有图像滚动一次时,我正在初始化第二个boxslider并使用slider.destroySlider()销毁第一个boxslider; 我得到的错误是,当两个框滑块移动一次时,框控件根本不工作,甚至goleft和go right按钮也不工作。。下面是一段代码片段

<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>

我试着只是隐藏div而不是销毁滑块,但当我使用Reloadslider()而不是destrowslider()时,仍然会遇到同样的错误。它开始工作了
$('#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();
    }
});