问题标签 [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 投票
1 回答
1287 浏览

jquery - jquery同位素负载

我为 jquery 使用同位素插件,如果是静态 html 块,这很好用:

但是,如果我使用“加载”将内容加载到#target,同位素会忽略它们。

请帮忙,这很重要。

0 投票
2 回答
597 浏览

javascript - 如何重置为原始值?

每次单击时,它似乎都会不断添加新的 newHeight 和 newDistance,我正在尝试使用顶部的全局变量保存原始高度并使用数据来执行此操作,但我得到了奇怪的结果,基本上我应该能够重置newDistance 和 newHeight 按照之前的第一个原始值通过单击运行该批次,但它没有,并且每次单击破坏我的布局时我都会获得新的附加值:

任何人?

0 投票
3 回答
953 浏览

javascript - 当容器中有绝对定位的元素时如何扩展容器?

可以说我有

CSS:

HTML:

应用于 wrap-boxes 的 clearfix 将不起作用,因为它包含具有绝对位置的元素。

因此我需要使用 jQuery 来计算盒子的高度以扩展包装盒。我不知道这些盒子的高度,因为它们的高度是随机的,而且我不知道盒子的总数,因为它们是由客户端不断生成的。我需要一个通用的 jQuery 来解决这个问题。如果我不扩展 mainWrap 框将被切断,我需要使用溢出:隐藏其他原因。

对此有什么帮助吗?

0 投票
2 回答
1308 浏览

jquery - 我如何让wapper扩展?

真的用这个敲我的头。

我正在使用同位素http://isotope.metafizzy.co/custom-layout-modes/centered-masonry.html

我有一个#container 设置相对,在其中我有一个带有隐藏子导航的顶部导航的头部,如果我单击导航上的链接,它会扩展子导航。美好的。我为这些盒子设置了一个相对的包装器,这些盒子绝对是由同位素设置的。

问题是当 subnav 展开时,它会将内容向下推,但框会被截断。#container 使用溢出:隐藏,我不能让它可见,否则会产生其他问题。我已经尝试了很多解决方案,只是无法弄清楚。

0 投票
1 回答
322 浏览

javascript - 查找回调函数的位置

我找不到可以将自己的代码用于调整大小和重新定位的位置。我需要找到在哪里插入回调,这是我应该看的唯一一点,我只是找不到在调整大小时插入回调函数的位置

任何想法?

0 投票
0 回答
962 浏览

jquery - 检查对象是否重叠(在动态环境中) - jQuery

首先,请查看演示。向下滚动直到看到图像块,然后将鼠标悬停在它们上面。您会注意到有些描述与日期/类别行重叠。我的目标是准确地检查这一点。

我发现您可以通过比较它们的偏移值轻松检查一个对象是否与另一个对象重叠。例如,在我的情况下,第一个对象位于第二个对象之上;因此,我只需要像这样比较它们的顶部偏移量:

但是,我现在正在使用isotope plugin,它生成一个类似砖石的网格,其中对象的偏移不一定等于它们最终定位的位置。

所以在这里我正在努力寻找一种稳定的方法来检查两个对象是否相互重叠(特别是,如果对象 ONE 与对象 2 重叠)。

我希望我能清楚地解释自己。如果我错过了什么,请告诉我!
谢谢一百万,

0 投票
1 回答
1631 浏览

javascript - 在同位素 onLayout 中定义/调用函数

我正在使用http://isotope.metafizzy.co/docs/options.html#onlayout它说:

“类似于回调,onLayout 是一个函数,每次同位素实例运行其布局逻辑时都会触发该函数。”

这意味着当“布局”完成后,我可以运行它:

我没有“$elems”,但据我所知,这意味着当“onLayout”完成后,我可以运行我想要的,我想运行这个:

但是 "( )" 中的 "$elems" 如何以及是什么?

谢谢

0 投票
1 回答
2941 浏览

jquery-isotope - 页面上有多个同位素实例?

是否可以在一个页面上多次使用 Isotope,即针对不同的数据集使用不同的过滤器集?

似乎代码需要使用某些 id,例如无法更改的“#options”。

为了实现这一点,我需要对代码进行哪些更改?

0 投票
1 回答
1022 浏览

jquery - 使用 jQuery Isotope 调整元素大小后保持元素在同一位置

我计划使用jQuery Isotope 插件,类似于官方的“Elements Complete”Isotope demo,其中单击任何元素都会使其变大。

在演示中,当一个元素展开时,它通常会向下和向右展开(即通过其左上角锚定)。但是单击最右边两列中的任何元素:它会向下浮动并一直向左浮动,因为它没有任何向右扩展的空间。

理想情况下,对于我的应用程序,右侧的元素在单击时会向左扩展,从而保持大致相同的位置。

基本上,我正在寻找有关如何在reLayout. (保持元素的顺序对我的应用程序并不重要。)

0 投票
3 回答
443 浏览

javascript - 打开扩展/关闭回到原始尺寸一系列带有 img 淡入淡出的框

我有一系列可点击的框。我需要能够展开这些框并隐藏它的 img。我还需要能够关闭以前打开的一个,将其恢复到原来的高度和定义的宽度,同时淡出它的 img。.info加载ajax内容

CSS,我不知道高度。

我试过