Twitter bootstrap 当我更改引导选项卡时，Bxslider不在引导选项卡上工作

我正在我的新网页上使用bxslider和bootstrap

我试着为每个选项卡放置不同的滑块

当网站第一次加载时，一切正常，但当我更改div时 bx滑块未真实加载和显示contentet

---

尝试禁用自适应高度功能：

adaptiveHeight : false

脚本似乎正在将以下元素的高度设置为0：

.active>.bx包装器>.bx视口

我猜这与自适应高度功能有关

---

您还可以尝试使用CSS防止将高度设置为0：

.bx-viewport{min-height:125px}

我找到了解决办法

<script type="text/javascript">
$( document ).ready(function() {

$("#myTab li").click(function() {
    if (!$(this).hasClass("active")) {
setTimeout(function() {
ticaricar.reloadSlider(); 
binekcar.reloadSlider();}, 200);} });

var binekcar = $('.binekcar').bxSlider({
slideWidth: 150,
minSlides: 2,
maxSlides: 6,
slideMargin: 10,
pager:false,
controls:true,
auto: true,
speed:2000,
pause: 10000, 
moveSlides:1,
nextText: '',
prevText: '',
mode:'horizontal',
adaptiveHeight : 'true'
});


var ticaricar = $('.ticaricar').bxSlider({
slideWidth: 150,
minSlides: 2,
maxSlides: 6,
slideMargin: 10,
pager:false,
controls:true,
auto: true,
speed:2000,
pause: 10000, 
moveSlides:1,
nextText: '',
prevText: '',
adaptiveHeight : 'true'
}); });

$（文档）.ready（函数（）{
$（“#myTab li”）。单击（函数（）{
if（！$（this.hasClass（“活动”））{
setTimeout（函数（）{
Ticar.reloadSlider（）；
重载滑块（）；}，200）；}）；
var binekcar=$（'.binekcar'）.bxSlider({
滑动宽度：150，
米斯利德斯：2，
maxSlides:6，
幻灯片摘要：10，
传呼机：错，
控制：对，
是的，
速度：2000，
暂停：10000，
第一,，
下一个文本：“”，
上一个文本：“”，
模式：'水平'，
自适应高度：“真”
});
变量ticaricar=$（'.ticaricar'）.bxSlider({
滑动宽度：150，
米斯利德斯：2，
maxSlides:6，
幻灯片摘要：10，
传呼机：错，
控制：对，
是的，
速度：2000，
暂停：10000，
第一,，
下一个文本：“”，
上一个文本：“”，
自适应高度：“真”
}); });