jquery-isotope相关内容

Isotope 和 Masonry jQuery 插件之间的区别

我最近发现了 砌体 和 同位素 JQuery 插件.它们似乎在功能上几乎相同,并且似乎都具有相同的作者.我能看到的唯一明显区别是许可证. 这两者在功能方面的主要区别是什么?为什么要使用一个而不是另一个? 解决方案 摘自作者访谈: 对于某些人来说,同位素看起来与您之前使用 Masonry 所做的工作非常相似;你能解释一下主要区别吗两者之间? 同位素具有 Masonry 缺乏 ..

jQuery Isotope - 中心和流体/响应

我在问一个关于同位素 的问题 这是一个很棒的 jQuery 插件. 我已经玩了一段时间了,但我对 javascript 的了解还不够,无法将两种同位素技术结合起来,响应同位素和中心同位素. 我已经成功地使用了响应式 mod 并且它工作得很好,除了现在我需要将整个内容集中在一个 div 中.居中布局模式没有记录在案,以及响应模式,所以我在让它工作时遇到了一些麻烦.基本上居中布局模式的 ..
发布时间:2022-01-04 18:22:15 其他开发

结合元素与同位素过滤

我目前正在使用 Isotope 过滤出版物列表,但希望能够将标准的、记录在案的链接过滤器方法与 select 元素结合起来,因为我的第二个过滤器列表很长. 我正在努力处理两种不同类型的元素,并且将选定的值组合成一个选项数组.我可以让过滤器彼此独立工作(下面的代码),但它们需要一起工作.如何将两个不同的操作(单击或更改)和两个属性(类= 或值=)组合到一个选项数组中以传递给同位素过滤器? ..
发布时间:2021-12-19 15:21:56 其他开发

jQuery Isotope Masonry:在调整浏览器大小之前,动画不会启动(Chrome 27.0.1453.110)

我正在研究jQuery Isotope的实现,但是一旦在笔记本电脑和移动设备上调整了浏览器的大小,动画似乎只会“醒来".也许我的订购错了?这是我正在工作的网站: http://rgbdrinks.squarespace.com/ 如果您能够弄清为什么移动实施并不出色,那也将是很棒的,但是我意识到这可能是一个痛苦的世界. 非常感谢您的提前帮助, 安德鲁 代码如下: ..
发布时间:2021-02-13 18:31:51 其他开发

jQuery同位素过滤:当网格中的数据类别中没有项目时添加一个类

我有一个同位素布局,可以通过过滤器对网格项进行排序;当按按钮对项目进行排序时,不在选定数据类别中的网格中的项目的CSS不透明度更改为.25. 问题在于,当网格完成时-不管是在初始页面加载时,还是在通过排序的按钮操作进行"arrangeComplete"之后,-某些数据类别在网格中都没有项目.这意味着某些排序按钮即使未排序也仍然可以单击,因为它们在网格中没有任何项目. 我想为这些按钮添加 ..
发布时间:2021-02-13 18:31:47 其他开发

RegExp/Jquery/同位素按关键字搜索和过滤:不能与某些关键字组合一起使用,为什么?

我正拼命地尝试使用多个关键字进行过滤.不知何故,它无法正常工作.例如,关键字组合: laurene maria 有效,但 laurene maria ben 或 laurene ben 或 laurene clara 等不起作用.我没有错吗? http://fiddle.jshell.net/7t8mgont/18/ var $quicksearch = $('#quicksearch ..
发布时间:2021-02-13 18:31:44 前端开发

搜索后重新使用ISOtope元素

我正在为威斯康星州Bad队开发一个新的名人堂.我的Beta版本可以在 http://www.uwbadgers.com/athletic中查看-dept/hall-fame-beta.html 我的问题是,当使用搜索功能时,如何将可见元素置于顶部.它显示正确的元素,并使用display:none隐藏其他元素.但是,它不会在搜索和显示之后重新定位元素:没有元素仍然占据空间. 它与同位素使 ..
发布时间:2021-02-13 18:31:38 其他开发

具有CSS过渡的同位素过滤-仅淡入淡出

我正在尝试停用使用同位素过滤掉的项目的高度和宽度的css过渡.因此,只需让项目淡入或淡出,然后四处移动-无需缩放. 我尝试了对标准CSS转换的各种CSS修改: http://isotope.metafizzy.co/docs/animating.html#css_transitions ,但没有成功. 在不修改插件的情况下是否有可能? 以下是我目前的演示: http://code ..
发布时间:2021-02-13 18:31:35 其他开发

带有HTML表的jQuery Isotope库

在处理需要简单排序/过滤系统的大量表格数据时,我发现了Isotope库,它似乎完全可以满足我的要求,并提供了许多不错的视觉效果和功能.我希望能够使用同位素对表行进行排序和过滤,并且我提出了一个似乎可行的基本演示.但是,存在一些错误: 我正在使用部分用于过滤器和行标题,因此我将同位素选择器应用于.但是,当同位素以tbody作为容器初始化时,每行中的表格单元格失去 ..
发布时间:2021-02-13 18:31:29 前端开发

同位素v2网格-多个过滤器-隐藏空过滤器

我当前的同位素网格具有两个用于对网格项进行排序的下拉过滤器.第一个过滤器是菜单类型,第二个过滤器是饮料类型.每个菜单类型但不包含所有的饮料类型,因此当选择了一些过滤器配置,没有结果表明,这是正确的.但是我想阻止这种情况的发生,当用户选择第一个过滤器时,第二个过滤器将隐藏空类型. 当前过滤器的有效Codepen: https://codepen.io/whitinggg/pen/zYGEaNb ..
发布时间:2021-02-13 18:31:26 前端开发

jQuery Masonry/同位素和流体图像:窗口大小调整时的瞬时重叠

我注意到,当将jQuery Isotope或Masonry与流畅/响应迅速的网站一起使用时,在调整浏览器窗口大小时,这些元素会暂时重叠.请查看下面的图像,这些图像来自此演示.您还可以在同位素网站上看到这种情况. 有什么办法可以避免这种重叠? 解决方案 对于同位素版本3,请使用: $(window).resize(function(){ $('.grid').isotope('l ..

同位素组合过滤器,搜索和排序,混乱且不完整

我有一个使用同位素的页面.它结合了一个搜索框,多个组合过滤器以及最后一些排序选项. 我在网络上使用了很多示例,将所有这些结合起来,并尽我所能将代码分解为最精简的(同位素知识非常有限). 两件事- 首先,如何将其进一步结合?我目前对代码有3个单独的“部分". 其次,搜索框的工作独立于组合过滤器,单击过滤器后,搜索框将完全停止工作.是否可以将搜索包括在过滤器中,例如,我可以单击 ..
发布时间:2021-02-13 18:31:20 其他开发

将自举与同位素集成

在下面的链接中,我想通过添加引导程序类(以及砌体布局模式)将DIV的列表转换为3列网格. 演示-Twitter引导程序&同位素 $('#grid').on('click', function() { $('.item').hide().addClass('span4'); $('.item:nth-child(3n+1)').css('margin-left', 0); // ..
发布时间:2021-02-13 18:31:16 其他开发