Question

jQuery bxSlider在响应时无法正常工作。它在大屏幕上运行良好。

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

我错过了什么属性的响应？有人帮忙。提前谢谢。

Answer 1

你可以使用那个jquery lib＆＃34; fitvid.js＆＃34;并使其在滑块上工作，使其响应 lib的链接：http://fitvidsjs.com/ 或者你可以使用基于网格系统的框架，如bootstrap和foundation 或者只是通过这样的媒体查询来实现： @media屏幕和（放在这里最大或最小宽度）{ 在这里放置bx滑块所需的固定宽度和高度 }

Answer 2

请你删除slideWidth：1500，然后检查

Answer 3

bxslider有＆＃34;响应＆＃34;选项，所以你可以设置为真如＆＃34; responsive：true＆＃34;

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

查看文档here

jQuery bxSlider无法在响应中

3 个答案: