jquery-isotope相关内容
我最近发现了 砌体 和 同位素 JQuery 插件.它们似乎在功能上几乎相同,并且似乎都具有相同的作者.我能看到的唯一明显区别是许可证. 这两者在功能方面的主要区别是什么?为什么要使用一个而不是另一个? 解决方案 摘自作者访谈: 对于某些人来说,同位素看起来与您之前使用 Masonry 所做的工作非常相似;你能解释一下主要区别吗两者之间? 同位素具有 Masonry 缺乏
..
我在问一个关于同位素 的问题 这是一个很棒的 jQuery 插件. 我已经玩了一段时间了,但我对 javascript 的了解还不够,无法将两种同位素技术结合起来,响应同位素和中心同位素. 我已经成功地使用了响应式 mod 并且它工作得很好,除了现在我需要将整个内容集中在一个 div 中.居中布局模式没有记录在案,以及响应模式,所以我在让它工作时遇到了一些麻烦.基本上居中布局模式的
..
我目前正在使用 Isotope 过滤出版物列表,但希望能够将标准的、记录在案的链接过滤器方法与 select 元素结合起来,因为我的第二个过滤器列表很长. 我正在努力处理两种不同类型的元素,并且将选定的值组合成一个选项数组.我可以让过滤器彼此独立工作(下面的代码),但它们需要一起工作.如何将两个不同的操作(单击或更改)和两个属性(类= 或值=)组合到一个选项数组中以传递给同位素过滤器?
..
我试图在打开时将一些模型数据传递到模态窗口中.当用户点击某个元素时,我希望打开模态窗口并显示与点击内容相关的更多详细信息. 我创建了一个 plunker,它按照我想要的方式工作,除了传递数据进入模态窗口. 我正在尝试使用 ng-click 传递数据:
..
我正在尝试使用 angular 加载 div 以提供给同位素进行布局.出于某种原因,我不能使用 ng-repeat 来创建 div.当我做类似的事情时,它工作正常: [agg.html]
myitem [controlers.js] module.directive('isoGrid', function () {返回函数(范围、元素、
..
我正在使用 Yarn & 进行 Symfony5 项目jQuery.当我尝试使用 jQuery 插件“isotope-layout"时出现错误;使用 Webpack Encore. 我尝试修复它好几个小时,但我可能没有以正确的方式去做. 这是我的代码: webpack.config.js //带有或不带有“autoProvidejQuery"的相同错误;Encore.autoP
..
我正在使用metafizzy脚本编写的同位素,需要在我的网站的项目页面上使用它,它工作正常,但是我想做的是按自定义帖子类别(投资组合类别)进行过滤,这是该项目页面上的代码:
..
我正在尝试将Bootstrap与同位素集成在一起,但是在单击所有图像后显示的所有图像都只有第一次加载四张图像!无法找出问题所在! 这里是 Codepen链接 这是我的HTML:
..
我正在尝试将同位素添加到新的Wordpress主题中.问题是它不会显示,因为某些东西在主同位素包装器中添加了内联(display:none)样式. 它看起来像这样:
..
我正在研究jQuery Isotope的实现,但是一旦在笔记本电脑和移动设备上调整了浏览器的大小,动画似乎只会“醒来".也许我的订购错了?这是我正在工作的网站: http://rgbdrinks.squarespace.com/ 如果您能够弄清为什么移动实施并不出色,那也将是很棒的,但是我意识到这可能是一个痛苦的世界. 非常感谢您的提前帮助, 安德鲁 代码如下:
..
我有一个同位素布局,可以通过过滤器对网格项进行排序;当按按钮对项目进行排序时,不在选定数据类别中的网格中的项目的CSS不透明度更改为.25. 问题在于,当网格完成时-不管是在初始页面加载时,还是在通过排序的按钮操作进行"arrangeComplete"之后,-某些数据类别在网格中都没有项目.这意味着某些排序按钮即使未排序也仍然可以单击,因为它们在网格中没有任何项目. 我想为这些按钮添加
..
我正拼命地尝试使用多个关键字进行过滤.不知何故,它无法正常工作.例如,关键字组合: laurene maria 有效,但 laurene maria ben 或 laurene ben 或 laurene clara 等不起作用.我没有错吗? http://fiddle.jshell.net/7t8mgont/18/ var $quicksearch = $('#quicksearch
..
我正在为威斯康星州Bad队开发一个新的名人堂.我的Beta版本可以在 http://www.uwbadgers.com/athletic中查看-dept/hall-fame-beta.html 我的问题是,当使用搜索功能时,如何将可见元素置于顶部.它显示正确的元素,并使用display:none隐藏其他元素.但是,它不会在搜索和显示之后重新定位元素:没有元素仍然占据空间. 它与同位素使
..
我正在尝试停用使用同位素过滤掉的项目的高度和宽度的css过渡.因此,只需让项目淡入或淡出,然后四处移动-无需缩放. 我尝试了对标准CSS转换的各种CSS修改: http://isotope.metafizzy.co/docs/animating.html#css_transitions ,但没有成功. 在不修改插件的情况下是否有可能? 以下是我目前的演示: http://code
..
我有一个同位素实例,其中的元素具有很多参数,例如:
..
在处理需要简单排序/过滤系统的大量表格数据时,我发现了Isotope库,它似乎完全可以满足我的要求,并提供了许多不错的视觉效果和功能.我希望能够使用同位素对表行进行排序和过滤,并且我提出了一个似乎可行的基本演示.但是,存在一些错误: 我正在使用部分用于过滤器和行标题,因此我将同位素选择器应用于.但是,当同位素以tbody作为容器初始化时,每行中的表格单元格失去
..
我当前的同位素网格具有两个用于对网格项进行排序的下拉过滤器.第一个过滤器是菜单类型,第二个过滤器是饮料类型.每个菜单类型但不包含所有的饮料类型,因此当选择了一些过滤器配置,没有结果表明,这是正确的.但是我想阻止这种情况的发生,当用户选择第一个过滤器时,第二个过滤器将隐藏空类型. 当前过滤器的有效Codepen: https://codepen.io/whitinggg/pen/zYGEaNb
..
我注意到,当将jQuery Isotope或Masonry与流畅/响应迅速的网站一起使用时,在调整浏览器窗口大小时,这些元素会暂时重叠.请查看下面的图像,这些图像来自此演示.您还可以在同位素网站上看到这种情况. 有什么办法可以避免这种重叠? 解决方案 对于同位素版本3,请使用: $(window).resize(function(){ $('.grid').isotope('l
..
我有一个使用同位素的页面.它结合了一个搜索框,多个组合过滤器以及最后一些排序选项. 我在网络上使用了很多示例,将所有这些结合起来,并尽我所能将代码分解为最精简的(同位素知识非常有限). 两件事- 首先,如何将其进一步结合?我目前对代码有3个单独的“部分". 其次,搜索框的工作独立于组合过滤器,单击过滤器后,搜索框将完全停止工作.是否可以将搜索包括在过滤器中,例如,我可以单击
..
在下面的链接中,我想通过添加引导程序类(以及砌体布局模式)将DIV的列表转换为3列网格. 演示-Twitter引导程序&同位素 $('#grid').on('click', function() { $('.item').hide().addClass('span4'); $('.item:nth-child(3n+1)').css('margin-left', 0); //
..