Jquery 基于浏览器/设备宽度的变量

我正在使用caroufredsel创建产品滑块。我有这个密码

 $(document).ready(function(){
    if ($('body').attr('id') === 'index') {
    $('#mycarousel').carouFredSel({
        circular: false,
        infinite: false,
        auto: false,
        width: "200%",
        align: "left",
        prev : ".mycarousel-prev",
        next : ".mycarousel-next",
        responsive:true,
        easing: "easeOutBounce",
        items: {width: "auto",visible: {min:1, max:4}},
        swipe: true,
        scroll : {
          items : 2
        }
    });

  $("#mycarousel").touchwipe({
        preventDefaultEvents: false,
        wipeLeft: function() {
          $('#mycarousel').trigger('next', 2);
          return false;
        },
        wipeRight: function() {
          $('#mycarousel').trigger('prev', 2);
          return false;
        }
      });


};
});

现在，我需要更改项目数以滚动项目：在caroufredsel函数中为2，在touchwipe中为“下一步”，为“上一步”，为“上一步”，为“上一步”，为“上一步”，为“上一步”，为“下一步”，为“上一步”，为“上一步”，为“下一步”，为“上一步”，为“触摸擦除”，为“

因此，我必须获得布局的宽度：

var windowsize = $('#header .nav > .container').width();

然后做一些if语句，例如

if (windowsize < 720) {
      var passItems = 1;
    } else if (windowsize > 720) {
    var passItems = 3;
   }

我知道我应该创建一些函数来返回每个宽度的正确项数，然后在脚本中使用这个数字作为变量。我只是不知道如何正确地编写这个js代码，js不是很好，所以它也可以调整大小，而不会重复太多次代码。有js大师可以帮忙吗-

---

谢谢

请尝试将代码放入此事件处理程序中，jQuery required

window.addEventListener('resize', function(event){
  var windowsize = $('#header .nav > .container').width();
  if (windowsize < 720) {
    var passItems = 1;
  } else if (windowsize > 720) {
    var passItems = 3;
  }
};

---

参见示例

为什么不尝试响应式幻灯片，例如猫头鹰响应式幻灯片。链接如下：

您可以使用我非常满意地使用它，一个使用宽度作为提示的示例

   enquire.register("screen and (min-width: 45em)", {

        deferSetup : true,
        setup : function() {
            // load content via AJAX
        },
        match : function() {
            // show sidebar
        },
        unmatch : function() {
            // hide sidebar
        }  

    });

---

你能澄清你的问题是什么吗？