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函数来反映这一点，即，当浏览器窗口将scroll: 3,减少到900px以下scroll: 3,将属性更改为scroll: 1,是否完全有可能？ 任何建议将不胜感激！

Answer 1

您可以在$（window）上使用jQuery .width（）函数来查找浏览器视口的宽度，类似于此线程的解决方案：

jQuery：如何动态检测窗口宽度？

$(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);
});