同位素插件角落邮票问题

时间:2011-11-08 03:39:20

标签: jquery jquery-isotope

我正在使用Dave Desandro的完全踢屁股Isotope插件来构建一个项目,到目前为止,一切都很顺利。但是,在我页面的右上角,我想使用角落标记功能始终保持特定位置。

出现角标记,但其他元素似乎没有承认。有什么想法吗?可以在下面看到jQuery的Isotope部分,可以看到完整的测试页here。任何帮助深表感谢。谢谢!

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

1 个答案:

答案 0 :(得分:5)

看起来你错过了可以在demo的页面源中找到的修改过的方法。查看来源,并将它们与同位素代码一起复制并粘贴。他们看起来像

$.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


我刚刚更新了文档,因此您之前没有明显的信息。