问题标签 [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 - 查询同位素过滤器添加选定的css
我试图找到答案,这可能很简单。我想将选定的类添加到同位素中的有源过滤器中。这是我的代码:
我的html是:
有人帮忙吗?谢谢戴夫
jquery - jQuery Masonry / Isotope 上的 Gutter Width 不起作用
我试图在我的 Div 之间获得 10px 的装订线宽度,但它似乎并不适用。同位素脚本正在工作,因为项目随机播放,我也有一个过滤导航可以工作。
我只是在努力得到这个排水沟!:(
继承人的代码:
这是我的 HTML:
php - 将 php 代码放入我的 jquery 脚本中
我正在使用 jQuery 同位素。我发现了如何在单击后显示文本区域以进行评论时重新布局。
但是我的问题在于 jQuery,当您单击评论按钮时,它会打开页面上的所有评论框,而不是单个评论。
我想知道是否可以将我的 COMMENT_ID 放入脚本中,以便它只打开一个框而不是所有框。
我的代码:(那不起作用)
任何帮助表示赞赏。
jquery - 在固定高度的容器中使用同位素库?
我正在将同位素用于一个项目。我们购买了商业许可证。
我需要在一个固定大小的容器(高度尤其重要)中获取同位素图块,以便在更大的布局中工作。
我尝试在容器上设置 CSS 高度:
但这会创建一个不可滚动的容器。我错过了什么?
jquery - 同位素附加问题
我正在使用同位素来构建一个平滑的网格画廊。目前我在附加功能方面遇到问题:http: //isotope.metafizzy.co/docs/methods.html#appended
如果我这样调用附加
然后同位素吐出以下错误消息:
如果我将定位添加到 div,那么它工作正常,除了新元素加载到该位置并保持固定。
jquery - jQuery Isotope - 如何禁用展开的 .item 中的可点击内容?
我正在使用 jquery Isotope 创建一个投资组合画廊,几乎一切都按预期工作,我唯一想改变的是打开内容的行为。现在,当您单击照片时,内容框会展开并显示带有一些文本的更大图像,问题是当您再次单击内容框(.item)时,内容会恢复到原始大小,我不想要那是因为一些盒子包含不止一个带有颜色框的图像。
最好的解决方案是在“大”容器上添加一个关闭按钮,而不是使用整个盒子区域,但事实证明这超出了我的处理能力。
这是我用来控制框大小和点击检测的代码:
知道如何在单击时阻止“大”框关闭并添加一个按钮来关闭它而不是整个框吗?
提前致谢!!
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,但该应用程序有点大并且被认为是敏感的(你知道,通常)。如果真的有必要,我可以稍后再尝试。对于原型来说,解决这个问题并不是很关键,但让它看起来尽可能平滑会很好。谢谢!
javascript - jQuery Isotope 切换内容
我有大量的文章标题,每个标题都有一个根据来源的类名。当网站加载时,所有标题都会显示。来源列在页面顶部,我希望 Isotope 在单击时显示或隐藏每个来源,以便用户可以选择他们喜欢的来源。
就目前而言,我可以将它们删除,但我不确定如何让它们再次出现。
我猜问题出在我的“插入”代码上,但我不确定它应该如何工作。我也在使用无限滚动,我需要使用相同的过滤器显示新添加的页面。
请帮忙!
马丁
jquery - jQuery 同位素不适用于我的布局
我在使用 jquery isotope 插件时遇到了一些问题,由于某种原因,它不适用于我当前的布局,基本上我想要左侧的侧边栏,右侧包含一堆小盒子(同位素元素)的容器,它们重新-与 isotope 一样,根据浏览器的大小进行定向。
由于某种原因,同位素不喜欢我的布局,加载网站时会在右侧简要显示同位素元素,但它们很快就会消失,留下#container
没有宽度。
这是我第一次使用该插件,我不确定我是否可能遗漏了一些非常基本的东西,但是当我删除所有其他 html 并且只 leave#container
时,isotope 会按预期运行。
我已经用我的所有代码设置了一个小提琴。
谢谢!