是否可以在JQuery插件Masonry中随机分配积木,以便每次页面加载时都查看不同的排列?据我所知,没有选择是随机的。

谢谢!

最佳答案

我在jQuery论坛上找到了答案,并根据自己的需要进行了一些调整。简而言之-将HTML位放到masonry()支架内,并对集合进行随机化,然后将其放回原位:

  $(document).ready(function(){
    var ar = $('#masonry').children();
    ar.sort(function(a,b){
      // Get a random number between 0 and 10
      var temp = parseInt( Math.random()*10 );
      // Get 1 or 0, whether temp is odd or even
      var isOddOrEven = temp%2;
      // Get +1 or -1, whether temp greater or smaller than 5
      var isPosOrNeg = temp>5 ? 1 : -1;
      // Return -1, 0, or +1
      return( isOddOrEven*isPosOrNeg );
    });
    $('#masonry').html(ar);
    $('#masonry').masonry({
      columnWidth:220,
      animate: true
    });
  });

10-04 20:56
查看更多