isotope

0热度

1回答

我试过很多次，他们总是有一个设置水平线它们分开，我不能（在谷歌搜索等）打通我的CSS #gallery{ display: flex; -ms-flex-direction: row; flex-direction: row; align-items: flex-end; justify-content: space-around; a

0热度

1回答

在Joomla 1.5站点上集成同位素js

我正在尝试在Joomla 1.5站点上集成Isotope JS。（我知道这是旧的Joomla！） https://www.buffalobrownies.com/?view=article&id=269 我得到的代码在该域测试页上工作正常（但的Joomla之外）。里面的Joomla，既没有JQuery也没有香草JS似乎触发。与jQuery触发代码上，我得到这个错误在Chrome控制台：无法

0热度

1回答

获取同位素实例时，init程序通过HTML属性

这个JavaScript var iso = Isotope.data($('.grid')[0]) 回报不确定的完成。我的HTML： <div class="job_overview-jobwall grid mb-7" data-isotope='{"itemSelector":".grid-item","layoutMode":"fitRows","fitRows":{"gutters

0热度

2回答

同位素translate3d值增加

请帮我使用同位素过滤我的项目，但项目组织得不好，因为内联样式translate3d值增加了..例如，第一个项目应该以值0px，0px，0px开始，但是在我的情况下，它开始于40像素，0像素，0像素不包括JavaScript代码中，我看到4个项目以及举办这样但是，当我包括JS代码在一个行，而不是我有3个项目，因为它应该举办be 请访问my website了解问题的项目，嵌段位于页面的页脚上述底部

0热度

1回答

同位素排序不正确

试图根据服务器的名称按升序和降序对服务器的名称（在class =“name”中）进行简单的排序。我已经尝试了一切。这是我的代码。我想要做的是有一个框（代表服务器）的列表，并有它可排序和过滤。同位素承诺两个，但我不能得到基本功能的工作。我能做的最好的事情就是根据它的html元素顺序排序。我无法通过服务器的“名称”进行排序。我使用他们的GitHub上的最新的同位素和jQuery 2.2.1 va

0热度

1回答

同位素引导模态背景问题

我正在使用同位素显示一些包含基本信息的框。每当我想显示更多细节，我使用jQuery来调用引导模式。问题是模态隐藏时。在模态隐藏之后，如果我在ISOTOPE上应用过滤器，那么在动画同位素框移动的地方都会有一个丑陋的黑色路径（Windows样式）。任何想法，为什么？如果这很难找出我可以上传图片。

1热度

1回答

同位素过滤器动画无法在第一次点击

我正在学习HTML5/CSS，虽然我的同位素过滤工作几乎完美，但有一个小错误。默认设置为“全部”，当我点击任何其他选项时，当它们被正确过滤时，动画不会触发。之后，所有的动画都很好，这只是第一个点击就是问题。任何帮助或想法将不胜感激。下面是相关的HTML和CSS： <div class="container-fluid filterable-portfolio"> <div cla

0热度

1回答

过滤器后的同位素网格布局问题

我很努力地找出处理同位素，过滤器和网格的好方法。问题是无论何时在我的元素上进行过滤，同位素使用剩下的来确定网格布局（基于CSS）。因此，当可见元素之间存在不可见元素时，样式化网格的第n个子选择器会包含那些偏斜元素实际样式的元素。下面是这个问题的视频：http://3cd.co/172n1C2f2k17 例如，我有6个项目，如果项目＃2被删除，项目＃3应该＃2，其余的调整相应。我已经想出了实现这一目

0热度

2回答

列特定风格

我有一个砖石布局同位素画廊： https://codepen.io/Deka87/pen/owVqmy JS： $('.grid').isotope({ itemSelector: '.grid-item', layoutMode: 'masonry' }); CSS： .grid-item { width: 50%; } 这基本上将画廊分为两列。有什么方

0热度

1回答

同位素过滤器：加载过滤器

我想在加载页面时显示预先选择的过滤器。同位素过滤效果很好，过滤器可以应用，但我不想在加载页面时看到“全部”，所以我试图在代码中添加预先选定的过滤器。我究竟做错了什么？ $('body').on('click touchstart', 'section.gallery .gallery-filters .filter', function(event) { event.preventDe