Рандомизировать кирпичи в масонстве

Можно ли рандомизировать кирпичи в макете плагина JQuery, чтобы каждый раз, когда страница загружалась с другой компоновкой, просматривалась? Насколько я могу судить, нет случайности.

Спасибо!

Ответ 1

Я нашел ответ на форумах jQuery, и я немного изменил его для своих нужд. Короче говоря - вы вытаскиваете биты HTML внутри своего владельца кладки(), и вы производите выборку коллекции, а затем возвращаете ее:

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

Ответ 2

Я думаю, что более подходящий плагин для вас будет Isotope, он построен так же, как масонство (и тем же парнем!), но имеет функции сортировки и фильтрации встроенных

Ответ 3

(function($) {

$.fn.randomize = function(childElem) {
  return this.each(function() {
      var $this = $(this);
      var elems = $this.children(childElem);

      elems.sort(function() { return (Math.round(Math.random())-0.5); });  

      $this.remove(childElem);  

      for(var i=0; i < elems.length; i++)
        $this.append(elems[i]);      

  });    
}
})(jQuery);


$(window).load(function(){
  $(masonry-container).randomize(masonry-brick).masonry('reload');
});