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