Javascript jQuery:在无序项上设置规则

Javascript jQuery:在无序项上设置规则,javascript,jquery,jquery-isotope,Javascript,Jquery,Jquery Isotope,对于同位素(),是否有一种方法可以指定,即使在洗牌项目时,带有类特征的div始终位于其容器的最左上方位置 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> 你可以用它来做这件事。别担

对于同位素(),是否有一种方法可以指定,即使在洗牌项目时,带有类
特征的
div
始终位于其容器的最左上方位置

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>
你可以用它来做这件事。别担心,这很简单也很快,我自己做的

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