jQuery：旋轉木馬的媒體查詢

Question

想知道是否有解決方案，似乎無法弄清楚，我正在尋找相當於jQuery的媒體查詢來改變我設置的輪播的功能。
該代碼是相當簡單：

$(window).load(function() { 
    $(function() { 
     $(".events-slider").jCarouselLite({ 
      btnNext: ".next", 
      btnPrev: ".prev", 
      scroll: 3, 
      speed: 800 
     }); 
    }); 
}); 

但是我有設置一些CSS媒體查詢，由此在900px的.event-slider在尺寸減小，從而現在只示出了作爲並列〜3中，因此，我想改變1個滑動jQuery函數反映了這一點，即當瀏覽器窗口減少到低於900px的scroll: 3,屬性更改爲scroll: 1,如果這是可能的？任何建議將不勝感激！

Answer 1

您可以使用jQuery的.WIDTH（）函數$（窗口），找到瀏覽器的視口的寬度，類似的解決了這個線程：

jQuery: How to detect window width on the fly?

$(document).ready(function() { 
var window = $(window); 

function checkWindowWidth() { 
    var windowsize = window.width(); 
    if (windowsize > 900) { 
     $(function() { 
      $(".events-slider").jCarouselLite({ 
       btnNext: ".next", 
       btnPrev: ".prev", 
       scroll: 3, 
       speed: 800 
      }); 
     }); 
    } else { 
     $(function() { 
      $(".events-slider").jCarouselLite({ 
       btnNext: ".next", 
       btnPrev: ".prev", 
       scroll: 1, 
       speed: 800 
      }); 
     }); 
    } 
} 
checkWindowWidth(); 
$(window).resize(checkWidth); 
});