2014-03-04 85 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/ 我相信這一個更簡單,更好。 –