jQuery bxSlider無法在響應中工作

jQuery bxSlider無法在響應中工作。它在大屏幕上運行良好。jQuery bxSlider無法在響應中工作

$(document).ready(function() { 
$('.slider1').bxSlider({ 
pagerCustom: '#bx-pager', 
auto: true, 
autoControls: true, 
slideWidth: 1500, 
minSlides: 1, 
maxSlides: 1, 
slideMargin: 10 
}); 
});

什麼財產我錯過了迴應？任何人的幫助。提前致謝。

來源

2016-10-14 Prasath V

您可以提供的jsfiddle或活鏈接到問題的這種方式爲我們調試問題會更容易 – Rahul

以及此鏈接不是爲我工作，我得到了這個錯誤「192.168.1.4頁面不工作，192.168.1.4沒有發送任何數據。」，我建議你創建jsfiddle，所以我們可以看看 – Rahul

檢查此鏈接192.168.1.4/helixtech-newhome –

您可以使用jQuery的LIB「fitvid.js」，並使其在滑塊上的工作，使其響應的鏈接lib目錄下：http://fitvidsjs.com/ 或者您可以使用網格系統基礎架構像引導和基礎或只是這樣的媒體查詢，您可以： @media屏幕（把這裏的最大或最小寬度）{這裏把固定的寬度和高度要用於BX-滑塊 }

來源

2016-10-14 06:42:13

可以請您刪除slideWidth ：1500，並檢查

來源

2016-10-14 06:43:25

Remov ed slideWidth。但反應遲鈍的問題發生 –

你有沒有指定身高？父母元素或圖像的高度？ –

bxslider有「響應」選項，這樣你們可以將它真像‘響應：真正的’

$(document).ready(function() { 
    $('.slider1').bxSlider({ 
     pagerCustom: '#bx-pager', 
     auto: true, 
     autoControls: true, 
     slideWidth: 1500, 
     minSlides: 1, 
     maxSlides: 1, 
     responsive: true, 
     slideMargin: 10 
    }); 
});

看到文檔here

來源

2016-10-14 07:03:00 Rahul

文字消失..雖然減少在721px以下。和寬度動態設置爲450px。 –

jQuery bxSlider無法在響應中工作

回答

相關問題