Javascript 如何使加载的项目数与屏幕大小相关？

我使用jQuery在旋转木马中加载最新的帖子（我使用来自的旋转木马）。我使用此代码为最近3篇文章设置带3个项目的旋转木马：

jQuery(function($) {
    $('#slider').carouFredSel({
        prev: '#btn_prev',
        next: '#btn_next',
        auto: false,
        items: 3,
    });
});

但我需要首先检查设备的屏幕，如果是小屏幕（移动），则仅将旋转木马的项目设置为1项，如果是中等屏幕（平板电脑/ipad），则将其设置为2项，如果是正常的电脑屏幕，则将项目设置为3项。我怎样才能使这个有条件

---

非常感谢：）

根据屏幕大小创建一个变量，然后将其提供给滑块

jQuery(function($) {
    var itemLength = 0;
    var windowSize = $(window).width();
    if (windowWidth > 1024) { itemLength = 3 }
    else if (windowWidth > 768 { itemLength = 2 }
    else { itemLength = 1 }

    $('#slider').carouFredSel({
        prev: '#btn_prev',
        next: '#btn_next',
        auto: false,
        items: itemLength,
    });
});

---

有趣的旋转木马插件名称！谁是弗雷德？我真的试过了，但没用，我不知道怎么回事？！