问题标签 [jquery-isotope]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
jquery-isotope - 同位素和漂亮照片
有没有人设法让 prettyPhoto 与 Isotope 一起工作?
我已经集成了它——但是当我使用同位素过滤来查看一组特定的图像时,我仍然可以在 prettyPhoto 中获得完整的图像集。
你可以在我的测试网站上看到页面:http ://wordpress.markrichardson.co.uk/wedding-photography-gallery/
我正在使用的代码是:
jquery - jQuery Isotope - 不在响应式/流体网格中工作
我正在构建一个使用 David DeSandro 出色的 Isotope 插件的照片博客,但我目前在让插件在响应式/流体网格中按预期工作时遇到了一些困难。
www.lewismalpas.co.uk/tumblr(演示)
每个图像都包含在一个 div (.item) 中,其显式宽度为 25%,因为图像很灵活,理论上应该允许内联显示四个图像,但是目前只显示两个图像,我似乎无法找出问题所在。
jquery - jQuery Isotope - 具有两种不同大小元素的流体布局
我在页面上有基本的照片布局(用于投资组合)。有两种不同大小的图像块,较大的与较小的成正比,宽度和高度正好是两倍,块或窗口之间没有边距。只有几个较大的块与几十个较小的块混合在一起。它是一种响应式设计,因此在全尺寸网站上有 5 个 20% 的列,当窗口大小下降到某个宽度以下时,它有 3 个 33.333% 的列,所有这些都在 100% 最大宽度的容器内。图像在每个砖块内使用 CSS 设置为 100% 宽度和自动高度。我已经包含了一个线框来说明我所描述的内容。
我遇到的问题是让同位素响应流体布局。如果我在比最大宽度更宽的窗口中加载页面,它会完全按照预期放置块。但是,当我将浏览器窗口缩小到最大宽度以下时,这些块开始变得非常不稳定,有以下几种变化:堆叠成两列,中间有一个空列;图像之间的间隙;在大图像下方留下一个空行。
我可能没有很好地解释自己,但只是想知道是否有人有使用 Isotope 与流体布局的经验并且可能有一些见识。
jquery - 同位素过滤器项目例外?
我使用以下代码通过http://themes.visualise.ca/visualise/上的过滤器菜单过滤网格中的内容
但我希望带有 .thelogo 类的项目始终保持可见,因为徽标和菜单是我的网格的一部分。所以我想我可以使用一些语法来添加某种异常?也许有更好的方法?
非常感谢您的时间和帮助。
jquery - jQuery Isotope - 按“组”对数据进行排序
使用 Isotope 插件,我正在尝试实现一个排序系统,在该系统中,通过单击一个项目,通过在单击的项目之后定位相同类型的项目来形成组。
Isotope 的排序/过滤功能似乎不是为此目的而设计的,所以我最初的方法是使用 .insertAfter 重新排列 DOM,然后触发“reLayout”。
但是,似乎在初始化之后 DOM 顺序是不相关的,并且除了破坏和重新初始化 Isotope 之外没有任何作用,但这会导致不希望的滚动位置跳跃。
(见:http: //jsfiddle.net/owenhoskins/r7MgY/10896/)
有没有办法在不重新初始化的情况下基于 DOM 结构更新同位素?
或者,是否可以与排序/过滤功能接口来实现这一目标?
在此先感谢,欧文
javascript - 同位素 - 砌体 jquery 过滤
有人可以帮我理解我做错了什么吗?我正在使用同位素 jquery 插件,一切正常,除了过滤..
我在这里重现了问题-> http://jsfiddle.net/AxCCT/
这看起来很简单,我显然在这里错过了明显的东西。
我已按照此处的说明进行操作http://isotope.metafizzy.co/docs/filtering.html
jquery - jQuery isotope:根据获取变量过滤页面加载
我正在使用 jQuery isotope 插件,并希望在页面加载时仅显示特定组中的项目。目前所有项目都显示:
http://aproposstudio.com/category/work/
例如,在上面的链接中,有没有办法加载显示“壁画”的页面?
谢谢。
responsive-design - jQuery Isotope — 居中和流畅/响应式
我在问一个关于同位素的问题
它是一个很棒的 jQuery 插件。
我已经玩了一段时间了,但是我对 javascript 的了解还不够,无法结合两种 Isotope 技术,响应式 Isotope和centered Isotope。
我已经成功地使用了响应式模块,它工作得很好,除了现在我需要将整个东西放在一个 div 中。居中布局模式和响应模式一样没有记录,所以我在让它工作时遇到了一些麻烦。基本上居中布局模式的说明是:
要使用此 mod,请复制演示页面源中的修改方法。
不幸的是,视图源代码中发生了各种各样的 javascript 事情,我没有足够的 javascript 经验来挑选它并将它与我已经工作的响应式脚本结合起来。
任何帮助将不胜感激。
我认为在 Firefox 中效果更好。
jquery - jQuery 同位素组合过滤器与烧烤哈希历史混合 - 需要帮助了解如何
我试图了解如何将组合过滤器与Jquery BBQ Hash History一起使用。
我想做的是让用户按徽标、身份或品牌过滤。如果用户单击徽标,我希望他们能够通过“非营利、教育、零售”等进行子过滤。我知道组合过滤器可以在没有实现 jquery BBQ 代码的情况下正常工作,但我想两者都做。