同位素插件角印问题

发布于 2024-12-14 03:16:14 字数 713 浏览 1 评论 0原文

我正在使用 Dave Desandro 非常强大的同位素插件构建一个项目,到目前为止,一切都很顺利。然而,在我的页面的右上角,我想使用角标记功能来始终保留特定的位置。

角印出现了,但其他元素似乎不承认它。对此有什么想法吗? jQuery 的同位素部分如下所示,完整的测试页面可以在 此处< /a>.非常感谢任何帮助。谢谢你!

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

I'm building a project using Dave Desandro's totally kick-ass Isotope plugin, and so far, everything has been going great. However, in the right corner of my page, I'd like to use the corner stamp feature to keep a specific there at all times.

The corner stamp appears, but the other elements do not seem to acknowledge it. Any thoughts on this? The Isotope portion of the jQuery can be seen below, and the full test page can be seen here. Any help is much appreciated. Thank you!

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

梦晓ヶ微光ヅ倾城 2024-12-21 03:16:14

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

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

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

演示: http://isotope.metafizzy.co/自定义布局模式/masonry-corner-stamp.html

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


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

Looks like you're missing the modified methods that can be found in the demo's page source. View source, and copy and paste them along with your isotope code. They look like

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

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

Demo: http://isotope.metafizzy.co/custom-layout-modes/masonry-corner-stamp.html

Docs: http://isotope.metafizzy.co/docs/layout-modes.html#modified_layout_modes


I just updated the docs, so you didn't have this info quite as apparent before.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文