问题标签 [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 回答
2398 浏览

jquery - 查询同位素过滤器添加选定的css

我试图找到答案,这可能很简单。我想将选定的类添加到同位素中的有源过滤器中。这是我的代码:

我的html是:

有人帮忙吗?谢谢戴夫

0 投票
2 回答
15984 浏览

jquery - jQuery Masonry / Isotope 上的 Gutter Width 不起作用

我试图在我的 Div 之间获得 10px 的装订线宽度,但它似乎并不适用。同位素脚本正在工作,因为项目随机播放,我也有一个过滤导航可以工作。

我只是在努力得到这个排水沟!:(

继承人的代码:

这是我的 HTML:

0 投票
3 回答
1397 浏览

php - 将 php 代码放入我的 jquery 脚本中

我正在使用 jQuery 同位素。我发现了如何在单击后显示文本区域以进行评论时重新布局。

但是我的问题在于 jQuery,当您单击评论按钮时,它会打开页面上的所有评论框,而不是单个评论。

我想知道是否可以将我的 COMMENT_ID 放入脚本中,以便它只打开一个框而不是所有框。

我的代码:(那不起作用)

任何帮助表示赞赏。

0 投票
1 回答
1570 浏览

jquery - Isotope and Instagram Jquery plugins - 在 jQuery click 函数中动态更新文本输入 val()

我正在编写一些代码,这些代码使用Instagram查询插件将照片加载到页面中,并使用 Jquery Isotope进行布局。我让它工作,除了我希望能够在文本输入中输入哈希名称,该输入将加载那些标记有该哈希名称的图像。我有一个加载图像的按钮。第一次输入文本输入时效果很好,但是当文本输入更改时,我无法在按钮单击功能中更新哈希。我想知道我是否需要为此使用委托?任何帮助将不胜感激我是一个新手 jquery 编码器,所以我意识到我的代码需要一些微调。

0 投票
2 回答
5202 浏览

jquery - 在固定高度的容器中使用同位素库?

我正在将同位素用于一个项目。我们购买了商业许可证。

我需要在一个固定大小的容器(高度尤其重要)中获取同位素图块,以便在更大的布局中工作。

我尝试在容器上设置 CSS 高度:

但这会创建一个不可滚动的容器。我错过了什么?

0 投票
1 回答
8176 浏览

jquery - 同位素附加问题

我正在使用同位素来构建一个平滑的网格画廊。目前我在附加功能方面遇到问题:http: //isotope.metafizzy.co/docs/methods.html#appended

如果我这样调用附加

然后同位素吐出以下错误消息:

如果我将定位添加到 div,那么它工作正常,除了新元素加载到该位置并保持固定。

0 投票
2 回答
1866 浏览

jquery - jQuery Isotope - 如何禁用展开的 .item 中的可点击内容?

我正在使用 jquery Isotope 创建一个投资组合画廊,几乎一切都按预期工作,我唯一想改变的是打开内容的行为。现在,当您单击照片时,内容框会展开并显示带有一些文本的更大图像,问题是当您再次单击内容框(.item)时,内容会恢复到原始大小,我不想要那是因为一些盒子包含不止一个带有颜色框的图像。

最好的解决方案是在“大”容器上添加一个关闭按钮,而不是使用整个盒子区域,但事实证明这超出了我的处理能力。

这是我用来控制框大小和点击检测的代码:

知道如何在单击时阻止“大”框关闭并添加一个按钮来关闭它而不是整个框吗?

提前致谢!!

0 投票
1 回答
926 浏览

jquery - 选择同位素容器中的项目时内容闪烁

我正在开发一个小型演示/原型应用程序,并且正在使用同位素对一组 div 进行动画过滤。div 是带有一些文本的彩色块,它们使用 .ajax 函数自动更新以获取 JSON 数据。

该应用程序是一组 ASP.NET MVC 完整视图和一些部分视图。瓷砖位于一个视图中。单击磁贴会将用户带到该磁贴的“内容”的新视图页面。视图之间有动画淡出/淡入。(制作这个的开发人员最初有部分视图,但添加了后退按钮工作的要求。这就是为什么所有内容都更改为完整视图......不幸的是,为什么过渡更不稳定。)

我的问题是,点击瓷砖时,同位素 div 在淡出之前会闪烁。

为了清楚起见,这里有一个小图。:)

同位素淡出闪光

jQuery click 事件中没有处理会导致这种闪烁的淡入淡出。click 事件淡出当前的 innerContent 并在内容淡出后使用 window.location.href 重新加载下一个视图。主 MVC 布局处理下一个视图的淡入。当我单步执行或进行一些警报框调试时(在单击功能的每个点插入警报(“我在这一点”)时,我没有得到闪光。

这是处理磁贴点击的函数:

var appName = "应用程序 > " + $("#" + divId).attr("data-tile-appName"); localStorage.setItem("面包屑", appName);

$("#innercontainer").fadeOut(250, function () { window.location.href = '@Url.Action("Application360", "Larry")?an=' + appName; });

这是处理所有视图的淡入的主要布局功能:

关于可能发生的事情的任何想法?我很抱歉没有发布 jsfiddle,但该应用程序有点大并且被认为是敏感的(你知道,通常)。如果真的有必要,我可以稍后再尝试。对于原型来说,解决这个问题并不是很关键,但让它看起来尽可能平滑会很好。谢谢!

0 投票
1 回答
848 浏览

javascript - jQuery Isotope 切换内容

我有大量的文章标题,每个标题都有一个根据来源的类名。当网站加载时,所有标题都会显示。来源列在页面顶部,我希望 Isotope 在单击时显示或隐藏每个来源,以便用户可以选择他们喜欢的来源。

就目前而言,我可以将它们删除,但我不确定如何让它们再次出现。

我猜问题出在我的“插入”代码上,但我不确定它应该如何工作。我也在使用无限滚动,我需要使用相同的过滤器显示新添加的页面。

请帮忙!

马丁

0 投票
1 回答
3110 浏览

jquery - jQuery 同位素不适用于我的布局

我在使用 jquery isotope 插件时遇到了一些问题,由于某种原因,它不适用于我当前的布局,基本上我想要左侧的侧边栏,右侧包含一堆小盒子(同位素元素)的容器,它们重新-与 isotope 一样,根据浏览器的大小进行定向。

由于某种原因,同位素不喜欢我的布局,加载网站时会在右侧简要显示同位素元素,但它们很快就会消失,留下#container没有宽度。

这是我第一次使用该插件,我不确定我是否可能遗漏了一些非常基本的东西,但是当我删除所有其他 html 并且只 leave#container时,isotope 会按预期运行。

我已经用我的所有代码设置了一个小提琴

谢谢!