jquery - Jquery滑块应该是响应式的

Question

我想知道这个滑块是否可以响应？这个滑块工作得很好，因为它使用了一种很好的方式来滑动 css。我只需要让它响应。

目前仅显示 6 张图像，但我需要将其设置为 4 张，因为width我780px; 不确定我能否利用我的知识不足使其工作。

http://jsfiddle.net/2FemF/

$('.items > .item', $container).each(function (i){
          if (i % 6 == 0) {
              $(this).nextAll().andSelf().slice(0, 6).wrapAll('<div class="wrap fadeIn"></div>');
          }
          else (i % 4 == 0){
              var $window = $(window);
              $window.resize(function resize() {
                    if ($window.width() < 768) {

                        $(this).nextAll().andSelf().slice(0, 4).wrapAll('<div class="wrap fadeIn"></div>');

                    }
                });
            }
      });

Answer 1

这应该这样做：

$('.items > .item').each(function(){ 
   $(this).wrap("<div class=\"wrap fadeIn\">"); 
   });
if($(window).width()<768){
    $("div.wrap:eq(3)").nextAll().remove();
}

首先，我们对所有元素进行切片，然后检查宽度并删除最后两个。