javascript - 调整浏览器大小时打开我的轮播

Question

$(function(){

  var x =  $('.my__list').children();

  for (var i = 0; i < x.length ; i += 2) {

      var windowSize = $(window).width();
      if(windowSize < 500) {
          x.slice(i,i+1).wrapAll('<div class="'+ i +'"></div>');
      }
      if(windowSize > 500) {
          x.slice(i,i+2).wrapAll('<div class="'+ i +'"></div>');
          console.log("test");
      }
  }
});

我想在浏览器宽度改变时展开所有列表。目前，它仅在用户刷新浏览器时发生变化。谢谢。

我从 https://codepen.io/Kibs/pen/aNzvBG 获取源代码

Answer 1

我通过使用 slick 中的行函数以及 slick.js 中的一些修改解决了这个问题。当我在响应式设置中使用它时，从 rows: 2 到 rows: 1 存在一些错误。

我从 here 得到了答案它对我有用:

Slick.prototype.buildRows = function() { ... }

Slick.prototype.cleanUpRows = function() { ... }

并将 if 条件从 if(.options.rows > 1) 更改为 if(.options.rows > 0)