Jquery滑块应该是响应式的

Question

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

目前仅显示6张图片，但我需要在width为780px;时将其设为4张 我不确定我是否可以用我糟糕的知识来解决这个问题。

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

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