2014-03-04 55 views
0

我想知道这个滑块是否可以响应?这个滑块工作正常,因为它使用了一种很好的方式来用CSS滑动。我只需要让它响应。jquery滑块应该是响应

目前只显示6幅图像,但我需要使它到4时width780px; 我不知道我可以把它与我的知识贫乏的工作。

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>'); 

        } 
       }); 
      } 
     }); 

回答

0

这应该这样做:

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

起初,我们对切片的所有元素,然后检查宽度和删除最后两个。

+0

谢谢你,你可以让它在小提琴上工作吗?因为我似乎也没有能力? – user2505665

+0

你还在吗?我设法做这样的事情,你可以仔细检查一下吗? http://jsfiddle.net/2FemF/6/ – user2505665

+0

我已经更新了答案,并提出了小提琴:http://jsfiddle.net/2FemF/8/ 我相信这一个更简单,更好。 –