2016-11-04 50 views
0

我使用Bxslider。我想在我的页面上有一个width: 100%的滑动条,当$(window).width() < 480和其中的两个时,$(window).width() >= 480,都是width: 50%。 我该怎么做?bxslider滑块变化计数

$('.slider').bxSlider({ 
    pager: false, 
    infiniteLoop: true, 
    slideWidth: 1000, 
    minSlides: 1, 
    maxSlides: 2, 
    moveSlides: 1, 
    nextSelector: 'next', 
    prevSelector: 'prev', 
    nextText: '', 
    prevText: '' 
}); 

回答

0

你可以做到这一点使用window.matchMedia

window.matchMedia('(max-width: 480px)').addListener(function(){ 
    if (window.matchMedia('(max-width: 480px)').matches){ 
    // initialize both of your sliders 
    } else { 
    // initialize only one slider 
    } 
}) 
+0

我想展示页面上两个滑块。宽度= 480之前两页sliders_item(每个宽度50%),width = 480之后(一个sliders_item宽度100%) –