问题标签 [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.

0 投票
2 回答
3805 浏览

fixed-width - 如何使用固定宽度的同位素或砌体?

我一直无法找到将同位素(或砌体)与固定宽度的外部容器一起使用的方法。

它总是坚持重新调整大小。我浏览了选项、代码、谷歌和这里,但没有找到答案。

甚至可能吗?

0 投票
1 回答
1489 浏览

javascript - 帮我用 JavaScript 创建一个类似 iPad 的照片库

在此处输入图像描述

我一直在玩类似于iPad 的照片应用程序的画廊,您可以在其中整齐地堆叠缩略图,单击(触摸)它们会以网格布局飞出。如果单击另一个堆栈时一个画廊/堆栈已经打开,则照片应在下一组动画显示之前堆积在其原始位置。

我虽然像Isotope这样的东西在这里会有所帮助,但我很难让它停止覆盖自己。另外,我不太清楚如何使它看起来好像缩略图从“封面图像”中飞出。

我在 JSFiddle 上放了一个简化的版本。

非常感谢任何帮助。我觉得我在这里有点过头了:)

我的问题是:我如何让它看起来好像缩略图从“封面图像”中飞出?

0 投票
2 回答
3242 浏览

animation - 从容器左上角插入同位素动画

对于我的同位素容器,每当我将新项目插入容器时......它最初出现在容器的左上角(所以在第一个项目的位置),然后它通过向下移动到它应该的位置来动画基于排序。

这是我想要发生的一个例子:http: //jsfiddle.net/aaairc/H4ZMV/5/。正如您在该示例中看到的那样,新项目从它将在容器中占据的位置开始放大。

我还无法复制我在 jsfiddle 本地看到的问题,但我认为有人可能有初步建议或指出我的 jsfiddle 示例中实际上使插入具有很好的放大功能。这只是默认吗?与CSS有关的东西?

此外,不确定这是否相关,但我的同位素实例或所有 jpg 的容器项目。

0 投票
2 回答
2070 浏览

jquery - Jquery Collage 在悬停时调整图像大小

我正在寻找以拼贴格式(多种图像尺寸)创建一组图像。

一旦创建,它们都将通过同位素排列(像这样)。

然后,一旦他们排好队,在悬停时我希望他们将其他人移开(调整它们的大小以补偿悬停的图像更大的尺寸)并显示更多信息。

现在我非常接近,但同位素脚本允许它调整容器的大小而不是调整图像的大小。

总之,我很难调整图像的大小。

我正在寻找的一个例子。

这是我迄今为止所拥有的 JSFiddle。

感谢您的任何帮助!

0 投票
1 回答
1211 浏览

quick-search - 搜索后使用同位素元素

我正在为威斯康星獾队开发一个新的名人堂。我的测试版可在http://www.uwbadgers.com/athletic-dept/hall-fame-beta.html查看

我的问题是,当使用搜索功能时,如何将可见元素置于顶部。它显示正确的元素并使用 display:none 隐藏其他元素。但是,它不会在搜索后重新定位元素,并且 display:none 元素仍然占用空间。

它与 isotope 使用的“-webkit-transform”样式有关。我该如何改变这一点,或者有没有更好的方法来使用同位素进行搜索?

我正在使用http://lomalogue.com/jquery/quicksearch/进行搜索,因为我想不出单独使用同位素的方法。

0 投票
1 回答
237 浏览

jquery - 是否可以在此 jquery 代码中进行逻辑与?

这是一个逻辑天赋的问题。我正在使用isotope,这是一个糟糕的 jquery mozaic 工具,除了其他很棒的功能外,它还可以通过这样的代码对数据进行动画过滤......

您还可以对多个选择器执行 AND ...

...选择任何具有类alkali ORalkaline-earth的地方。

我正在寻找一种过滤“逻辑与”(又名“逻辑连接”)的方法,仅显示同时存在alkalai AND alkaline-earth类的元素。

我找到了这个 stackoverflow 答案......如何在 jQuery 属性选择器中将逻辑 OR 与逻辑 AND 结合起来?...但同位素可能需要在过滤器参数中更具体。

有任何想法吗?

0 投票
1 回答
7007 浏览

jquery-isotope - jQuery同位素组合过滤和排序

我第一次使用 jQuery Isotope 插件并且非常喜欢其中的一些结果,但是我在尝试让“组合过滤器”与“排序”选项一起使用时遇到了一点问题。

我有一个过滤器和排序一起工作,但是我无法让排序功能与我的组合过滤器一起使用。

我的脚本看起来像这样,

我的排序代码如下所示,

这正是我在单个过滤器中使用的排序代码。任何人都可以帮助我或指出我正确的方向吗?我不是 jQuery 专家,但我正在努力学习,所以任何帮助都将不胜感激。

谢谢

克里斯

0 投票
0 回答
1387 浏览

jquery - 为什么这段代码会破坏 jquery UI 拖放(使用同位素)

我有一个带有项目网格的页面。这些项目中的每一个都可以拖到四个 div 之一并添加到该 div。这是使用 jQuery 和 JQuery UI 可拖放/可拖放完成的。

第一个同位素项目可以拖到任何 div 上。但是,第 2 和第 3 个同位素项目不识别第一个可放置的 div,但当拖到第 2 个可放置的 div 上时,将添加到第一个可放置的 div。

第 4 和第 5 个可拖动项目(同位素)无法识别第一个或第二个可放置 div,但当拖动到第 3 个可放置项上时,会添加到第 2 个可放置项。

所以不知何故,droppable 对物品被丢弃的位置感到困惑。

当我注释掉以下代码时,拖放工作正常。关于为什么此代码会影响可放置区域的任何想法?

- - - - - - - - 更新 - - - - - - - - -

在玩了一些之后,我决定在开始拖动时添加“破坏”同位素。

当我以这种方式运行它时,项目将被放入正确的容器中。

同位素文档说它们是“删除”功能,这有两个问题。

1)文档说它删除了“从同位素小部件和 DOM 中指定的项目元素”,但我不想从小部件或 dom 中删除该项目,我只想删除同位素功能

2) 我收到一个错误“无法在初始化之前调用同位素上的方法,试图调用方法删除” - 但在这种情况下,同位素已初始化,但可能不在被克隆的对象上?这超出了我的能力,虽然我希望学习。

现在我找到了一种纠正这个错误的方法,我可以在拖动时破坏同位素,然后在拖动完成后重新初始化同位素,或者放开物品,但这似乎效率低下。

0 投票
2 回答
3659 浏览

javascript - Jquery同位素复选框过滤

我正在使用 jQuery 同位素。一切正常,但过滤有问题。我想使用多个类别我有 5 个复选框,但我不能同时使用它们。我能做些什么?

例子

我的物品 = a,b,c,d,e,f,g,h

类别 = x ( a,b,e) y (c,h) z(d,f,g)

现在如果我选择 x 和 z 复选框,它只显示 a,b,e,d,f,g

但我不能那样做。我能怎么做 ?

0 投票
1 回答
799 浏览

jquery-isotope - jQuery Isotope - 关闭以前打开的盒子

我一直在寻找和寻找这个问题的答案,但到目前为止还没有运气。我对 jQuery 或 Javascript 一无所知,所以我很想知道一个简单的答案。

我已经下载了 jQuery Isotope,并计划将其用作图库。单击另一个框时是否可以自动关闭当前展开的框-将前一个框恢复为原始大小?当您单击一个框时,它会展开,然后您单击另一个框会展开,而第一个框会保持展开状态。

提前致谢,

D B