问题标签 [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.
fixed-width - 如何使用固定宽度的同位素或砌体?
我一直无法找到将同位素(或砌体)与固定宽度的外部容器一起使用的方法。
它总是坚持重新调整大小。我浏览了选项、代码、谷歌和这里,但没有找到答案。
甚至可能吗?
javascript - 帮我用 JavaScript 创建一个类似 iPad 的照片库
我一直在玩类似于iPad 的照片应用程序的画廊,您可以在其中整齐地堆叠缩略图,单击(触摸)它们会以网格布局飞出。如果单击另一个堆栈时一个画廊/堆栈已经打开,则照片应在下一组动画显示之前堆积在其原始位置。
我虽然像Isotope这样的东西在这里会有所帮助,但我很难让它停止覆盖自己。另外,我不太清楚如何使它看起来好像缩略图从“封面图像”中飞出。
我在 JSFiddle 上放了一个简化的版本。
非常感谢任何帮助。我觉得我在这里有点过头了:)
我的问题是:我如何让它看起来好像缩略图从“封面图像”中飞出?
animation - 从容器左上角插入同位素动画
对于我的同位素容器,每当我将新项目插入容器时......它最初出现在容器的左上角(所以在第一个项目的位置),然后它通过向下移动到它应该的位置来动画基于排序。
这是我想要发生的一个例子:http: //jsfiddle.net/aaairc/H4ZMV/5/。正如您在该示例中看到的那样,新项目从它将在容器中占据的位置开始放大。
我还无法复制我在 jsfiddle 本地看到的问题,但我认为有人可能有初步建议或指出我的 jsfiddle 示例中实际上使插入具有很好的放大功能。这只是默认吗?与CSS有关的东西?
此外,不确定这是否相关,但我的同位素实例或所有 jpg 的容器项目。
jquery - Jquery Collage 在悬停时调整图像大小
我正在寻找以拼贴格式(多种图像尺寸)创建一组图像。
一旦创建,它们都将通过同位素排列(像这样)。
然后,一旦他们排好队,在悬停时我希望他们将其他人移开(调整它们的大小以补偿悬停的图像更大的尺寸)并显示更多信息。
现在我非常接近,但同位素脚本允许它调整容器的大小而不是调整图像的大小。
总之,我很难调整图像的大小。
感谢您的任何帮助!
quick-search - 搜索后使用同位素元素
我正在为威斯康星獾队开发一个新的名人堂。我的测试版可在http://www.uwbadgers.com/athletic-dept/hall-fame-beta.html查看
我的问题是,当使用搜索功能时,如何将可见元素置于顶部。它显示正确的元素并使用 display:none 隐藏其他元素。但是,它不会在搜索后重新定位元素,并且 display:none 元素仍然占用空间。
它与 isotope 使用的“-webkit-transform”样式有关。我该如何改变这一点,或者有没有更好的方法来使用同位素进行搜索?
我正在使用http://lomalogue.com/jquery/quicksearch/进行搜索,因为我想不出单独使用同位素的方法。
jquery - 是否可以在此 jquery 代码中进行逻辑与?
这是一个逻辑天赋的问题。我正在使用isotope,这是一个糟糕的 jquery mozaic 工具,除了其他很棒的功能外,它还可以通过这样的代码对数据进行动画过滤......
您还可以对多个选择器执行 AND ...
...选择任何具有类alkali
OR类alkaline-earth
的地方。
我正在寻找一种过滤“逻辑与”(又名“逻辑连接”)的方法,仅显示同时存在alkalai
AND alkaline-earth
类的元素。
我找到了这个 stackoverflow 答案......如何在 jQuery 属性选择器中将逻辑 OR 与逻辑 AND 结合起来?...但同位素可能需要在过滤器参数中更具体。
有任何想法吗?
jquery-isotope - jQuery同位素组合过滤和排序
我第一次使用 jQuery Isotope 插件并且非常喜欢其中的一些结果,但是我在尝试让“组合过滤器”与“排序”选项一起使用时遇到了一点问题。
我有一个过滤器和排序一起工作,但是我无法让排序功能与我的组合过滤器一起使用。
我的脚本看起来像这样,
我的排序代码如下所示,
这正是我在单个过滤器中使用的排序代码。任何人都可以帮助我或指出我正确的方向吗?我不是 jQuery 专家,但我正在努力学习,所以任何帮助都将不胜感激。
谢谢
克里斯
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) 我收到一个错误“无法在初始化之前调用同位素上的方法,试图调用方法删除” - 但在这种情况下,同位素已初始化,但可能不在被克隆的对象上?这超出了我的能力,虽然我希望学习。
现在我找到了一种纠正这个错误的方法,我可以在拖动时破坏同位素,然后在拖动完成后重新初始化同位素,或者放开物品,但这似乎效率低下。
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
但我不能那样做。我能怎么做 ?
jquery-isotope - jQuery Isotope - 关闭以前打开的盒子
我一直在寻找和寻找这个问题的答案,但到目前为止还没有运气。我对 jQuery 或 Javascript 一无所知,所以我很想知道一个简单的答案。
我已经下载了 jQuery Isotope,并计划将其用作图库。单击另一个框时是否可以自动关闭当前展开的框-将前一个框恢复为原始大小?当您单击一个框时,它会展开,然后您单击另一个框会展开,而第一个框会保持展开状态。
提前致谢,
D B