jQuery：在混洗项目上的同位素设置规则

Question

使用同位素（http://isotope.metafizzy.co/index.html），有没有办法指定即使在对项目进行随机播放时，div与班级featured始终位于最左上角它的容器的位置？

HTML

<div class="item w2 h2 featured"></div>
<div class="item w1 h1></div>
<div class="item w3 h1></div>
<div class="item w2 h1></div>

JS

var $container = $('$container');

var isotope = function () {

    $container.isotope({
      resizable: false,
      itemSelector: '.item',

      masonry: {
        columnWidth: colWidth(),
        gutterWidth: 20
      }
    });
  };

isotope();

$window.smartresize( isotope );

$('#shuffle').click(function(){
    $container.isotope('shuffle');
    return false;
});

Answer 1

您可以使用custom layout modes执行此操作。别担心 - 它非常简单快捷，我自己也做过。