1

我正在使用 Dave Desandro 非常出色的 Isotope 插件构建一个项目，到目前为止，一切都很顺利。但是，在我页面的右上角，我想使用角戳功能始终将特定内容保留在那里。

角印出现了，但其他元素似乎没有承认它。对此有什么想法吗？jQuery 的 Isotope 部分可以在下面看到，完整的测试页面可以在这里看到。任何帮助深表感谢。谢谢！

<script>
$(function(){

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

  $container.isotope({
    itemSelector: '.brick',

    masonry: {
     columnWidth: 250,
     cornerStampSelector: '.corner-stamp'
    }
  });

  // filter items when filter link is clicked
  $('header a').click(function(){
    var selector = $(this).attr('data-filter');
    $container.isotope({ filter: selector });
    return false;
  });
});

4

1 回答 1

5

看起来您缺少可以在演示页面源中找到的修改方法。查看源代码，并将它们与同位素代码一起复制并粘贴。他们看起来像

$.Isotope.prototype._masonryResizeChanged = function() {
  return true;
};

$.Isotope.prototype._masonryReset = function() {
  // mod code...
};

演示：http: //isotope.metafizzy.co/custom-layout-modes/masonry-corner-stamp.html

文档：http: //isotope.metafizzy.co/docs/layout-modes.html#modified_layout_modes

我刚刚更新了文档，所以你之前没有那么明显的信息。

于 2011-11-08T04:14:57.037 回答