jQuery滑块应该是响应性的

Question

我想知道此滑块是否可以完全响应？ 该滑块工作正常，因为它是一种使用CSS滑动的好方法。 我只需要使其响应即可。

目前仅显示6张图片，但是当width为780px;时我需要将其设置为4张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();
}

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