2016-11-04 44 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%) –