Bxslider無法在引導選項卡上工作當我更改標籤

Question

我在使用bootstrap的新網頁上使用bxslider。

我試圖爲每個選項卡放置不同的滑塊。

當網站加載第一次都好，但是當我改變DIV BX滑塊沒有加載和顯示contentet如實

http://ozgurkalyoncu.com/bxsliderbootsrap/

Answer 1

嘗試禁用自適應高度特點：

adaptiveHeight : false 

它看起來像腳本在以下元素上將高度設置爲0：

.active> .bx-wrapper> .bx -portport

我在猜測這與自適應高度特徵有關。

---

您也可以嘗試使用CSS來防止高度被設置爲0：

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

Answer 2

我找到解決方案

<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' 
}); });