同位素js在加载时失败
同位素.js（Isotope.js）是一款用于创建交互式网格布局和过滤器的JavaScript库。它提供了一种简洁、灵活的方式来展示和组织网页上的元素。同位素.js可以根据指定的规则将元素进行排序、筛选和动态重排，为用户提供更好的浏览体验。
同位素.js主要有以下特点：
- 网格布局：同位素.js可以帮助开发人员轻松创建网格布局，使元素在网页上以自定义的方式呈现。
- 过滤器：它提供了强大的过滤功能，可以根据元素的类别或标签进行筛选，使用户能够快速找到所需的内容。
- 排序和重排：同位素.js可以根据规则对元素进行排序，也可以在元素改变大小或位置时进行动态重排，以适应不同的屏幕尺寸或用户操作。
- 动画效果：它支持平滑的过渡和动画效果，可以为网格布局增添一些动感和生动性。
同位素.js适用于各种应用场景，特别是对于需要展示大量元素并进行快速筛选的网站或应用非常有用，比如：
- 图片展示：可以用于创建相册、画廊等图片展示页面，用户可以根据标签或类别筛选感兴趣的图片。
- 产品列表：适用于电商网站或商品展示页面，用户可以按照价格、分类等条件筛选所需产品。
- 新闻分类：可用于新闻网站或博客，用户可以根据分类或日期筛选感兴趣的文章。
- 网站导航：可以用于创建动态的网站导航页面，用户可以按照标签或关键词快速找到相关内容。
推荐的腾讯云相关产品： 腾讯云提供了丰富的云计算产品和解决方案，以下是与同位素.js开发和部署相关的产品：
- 云服务器（CVM）：提供弹性计算能力，用于部署和运行同位素.js所需的服务器环境。链接：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：为同位素.js提供可靠的数据库存储和管理服务，用于存储网格布局所需的数据。链接：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：用于存储和管理同位素.js所需的静态资源（如图片、样式表、脚本等）。链接：https://cloud.tencent.com/product/cos
- 云安全中心（SSC）：提供网络安全防护服务，保护同位素.js应用程序免受网络攻击。链接：https://cloud.tencent.com/product/ssc
请注意，以上推荐的产品仅供参考，具体选择和配置需根据实际需求进行。同位素.js本身并不依赖特定的云计算厂商，可以在各种云环境中使用。
相关·内容
1回答
在使用Meteor中的同位素插件时，同位素总是将一种类型的height: 0应用于同位素div .grid-container。这可能是由于插件初始化之前，图像已经加载。在控制台中手动运行$('.grid-container').isotope()会导致同位素使div可见。
问题：如何才能在div .item中的所有图像加载之后才触发插件初始化？从imagesLoaded内部调用同位素的Template.name.rendered方法似乎不起作用。
main.js
Template.main.rendered = function () {
$('.grid
浏览 0提问于2014-05-11得票数 3
回答已采纳
1回答
我在jquery中使用同位素插件，如果是静态html代码块，效果会很好：
HTML:
<body>
<div id="target">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>
JS:
$('#target > *').isotope([needl
浏览 0提问于2012-02-02得票数 0
我的Jquery同位素和Qtip2之间似乎存在着很大的冲突。在加载同位素时，qtip无法工作，当它被激活时，我在Chrome控制台中得到JS错误：
"Uncaught TypeError: Cannot call method 'call' of undefined" avia.js?ver=1:1326
Avia.js是父主题中的一个更大的脚本文件，它包含完整的同位素。你猜，第1326行是含有同位素的线。
当我从那个文件中删除同位素时，Qtip工作得很好。不幸的是，我现在的情况是，我真的需要两个工作。
我用我正在使用的所有相同的版本做了一个小摆弄，尽管我想方设
浏览 1提问于2013-12-06得票数 2
回答已采纳
好吧，这让这个棱角分明的新手多了些白发：
我的常规同位素外部javascript初始化像正常一样开始：
$(document).ready(function() {
// ISOTOPE INITIALISATON AND STUFF HERE
而且在没有角度的情况下，一切都很好。现在，由于我的同位素项在一个单独的portfolio.html页面中，该页面加载到我的主index.html页面中，其中包含一个ng-view div，所以同位素有时无法初始化。
它大约是50，如果我刷新同位素工作，它就不工作了，所以这是因为角度还没有准备好渲染DOM。因此，即使我在等待文档就绪(并尝试加载文档)，
浏览 0提问于2016-06-20得票数 0
2回答
目标
在加载DOM/同位素时显示加载gif。
问题所在
当有人访问我的应用程序时，就有可能在屏幕上看到同位素/DOM结构。我的意思是，这是有可能看到的元素组织-这是非常不专业和丑陋的。
我的代码
同位素(jQuery) -窗口加载时加载它：
jQuery("ul.products-list").isotope({
itemSelector: "li",
masonry: {
gutterWidth: 15
}
});
我所拥有的
没什么。我甚至不知道从哪里开始。
提前谢谢。
浏览 1提问于2013-06-06得票数 1
回答已采纳
如果是的话，我很抱歉，如果是的话，请告诉我正确的副本。
同位素：
ImagesLoaded：
LazySizes：
我试图建立一个迷你画廊，它使用懒散的装载，同位素进行分类，和imagesLoaded重新流布局时，一个懒惰的图像被加载。
由于某些原因，我的imagesLoaded函数不会更新同位素，但是如果我记录事件，然后手动运行iso.layout()，它确实会重新布局。有什么好主意吗？
import lazySizes from 'lazysizes';
const Isotope = window.Isotope = require("isot
浏览 8提问于2018-11-09得票数 1
回答已采纳
我已经使用Desandro的Isotope.js创建了一个网格，在添加我选择的旋转木马插件之前，它工作得很好。
现在，在加载时，我放在旋转木马中的图像似乎是在同位素的.item容器外面作为块，这留下了一个间隙，弄乱了网格。当我按下Firefox的响应视图时，网格似乎重新洗牌了，它再次显示了网格的正确位置。
所以我认为它可能在脚本的初始化中。我试图在slick.js初始化后将同位素脚本放在底部，但没有任何效果。当我尝试$(.ready)文档函数时，同位素不再起作用。
在.carousel-item上将高度从自动改为固定高度可以消除间隙，但问题是我使同位素响应，因此当在其他大小的屏幕上查
浏览 1提问于2014-06-25得票数 0
1回答
我使用的是jQuery 1.11分钟和2014年1月下载的isotope.js。它似乎有点卡住了，调用一些方法。最新Safari版本(V6.1.2)中的错误消息如下:加载和初始化页面时：
错误不能在初始化之前调用同位素方法；试图调用“附加”(匿名函数)(同位素-docs.min.js，第1行)(匿名函数)(同位素-docs.min.js，第1行)完成(js_asana.js，第143行)(匿名函数) (js_asana.js，第216行)
使用reLayout，我得到了以下信息：
同位素实例(匿名函数)(同位素-docs.min.js，第1行)(匿名函数)(同位素-docs.min.
浏览 1提问于2014-03-11得票数 2
回答已采纳
我正在尝试使用angular来加载div，以提供用于布局的同位素。由于某些原因，我不能使用ng-repeat来创建div。当我做一些类似的事情时，它工作得很好：
agg.html
<div class="mygrid" iso-grid>
<div class="item">myitem</div>
</div>
controlers.js
module.directive('isoGrid', function () {
return function (scope, elemen
浏览 0提问于2012-08-10得票数 16
回答已采纳
1回答
我现在用的是铬。我希望在处理浏览器特定的问题(例如，ffox中的flexbox问题)之前，让同位素能够正常工作。
所以我这样称呼同位素：
<head>
<!-- isotope -->
<script src="../javascript/isotope-master/jquery.isotope.min.js"></script>
<script type="text/javascript">
var $container = $('.content');
$container
浏览 6提问于2013-07-15得票数 0
1回答
我正在试图建立同位素在这个网站，它需要处理的布局，我需要能够附加项目到集装箱。
问题是，它似乎没有正确地初始化图像，下面是我的说明：
$(document).ready(function(){
var $container = $('#container');
$container.isotope({
masonry: {
columnWidth: 400,
gutterWidth: 10
},
filter: '*',
anim
浏览 1提问于2013-10-07得票数 18
回答已采纳
1回答
我可以用Ajax Load More得到我的帖子并显示在前面，然后我把同位素应用到这些项目上。当我第一次展示一些项目和应用同位素时，它运行得很好。
但是当我第二次用ajax加载post并尝试应用同位素时，这个同位素就不起作用了，而post正在被覆盖。
有人能在这方面帮我吗？
浏览 0提问于2014-08-12得票数 0
回答已采纳
1回答
铬和同位素页大小
、、、、
我不知道怎么用这些话来解释这个问题。所以让我展示一些图片：
我有一个同位素插件和100多个缩略图在页面上。
蓝色：页面大小
Green：菜单
红色：页脚
灰色：缩略图/页面内容
当加载所有缩略图时，页面看起来就像所有浏览器上的一样(一切都很好，页面是可滚动的)：
当缩略图被同位素过滤，并且只剩下几个缩略图时，页面看起来就像IE和Firefox上的页面(所有的好页面都不能滚动，页脚在页面的底部)：
最后，当缩略图被同位素过滤，并且只剩下几个缩略图时，页面看起来就像Chrome上的页面(布局很好，但页面仍然可以滚动，就像同位素过滤器之前那样)：
这是chrome中的一
浏览 2提问于2013-09-26得票数 0
一些示例js代码：
var $ = jQuery,
$container = $('#gridcontainer');
done_loading = false;
$container.infinitescroll({
navSelector : '#navi',
nextSelector : '#navi a',
itemSelector : '.grid-item',
errorCallback : function () {
done_loading =
浏览 2提问于2013-04-19得票数 1
2回答
我试着用这个：
$(window).smartresize(function(){
}).smartresize();
使用isotope.pkgd.min.js，但它说“未定义不是一个函数”。智能大小是什么？？我看了同位素来源，没有智能仪器。
我在问我该怎么做才能使同位素插件具有智能大小()功能。当我在我的html中包含isotope.pkgd.min.js时，它不起作用。
浏览 2提问于2014-08-27得票数 1
回答已采纳
1回答
我遇到了一些jquery同位素插件的问题，由于某些原因，它不能与我现在的布局一起工作，基本上我想在左边有一个侧边栏，在右边有一个容器，里面有一堆小盒子(同位素元素)，可以根据浏览器的大小重新定向，就像同位素一样。
由于某些原因，同位素不喜欢我的布局，在加载时，网站在右侧简短地显示同位素元素，但它们很快就消失了，留下了没有宽度的#container。
这是我第一次使用这个插件，我不确定我是否遗漏了一些非常基本的东西，但当我删除所有其他html并只留下#container时，同位素函数就像预期的那样。
我已经用我所有的代码设置了一个。
谢谢!
浏览 2提问于2012-04-11得票数 2
回答已采纳
因此，我页面上的所有内容都是从AJAX调用加载的。
我想，如果我简单地把我的同位素放在一个文档就绪函数中，它会起作用，但它不起作用：
$(function(){
container = $('#content');
container.isotope({
itemSelector: '.tile',
masonry: {
columnWidth: 100
},
});
});
AJ
浏览 0提问于2014-10-20得票数 3
我在这页上找到了同位素，它可以独立工作。我已经在页面上找到了InifiniteScroll，它可以独立工作。当InfiniteScroll加载新项时，我会将它们附加到容器中，但它们不是正确地放置在布局中，而是显示在容器左侧的一个列中。这是我的JS：
$(function() {
var container = $('#wall .page');
container.isotope({
itemSelector: '.brick'
});
container.infinitescroll({
navSelector: "
浏览 1提问于2013-10-12得票数 1
回答已采纳
1回答
我正试图在Joomla 1.5站点上集成同位素JS。(我知道这是老乔姆拉！)
我让代码在该域的测试页面上运行良好(但在Joomla之外)。
在Joomla内部，JQuery和香草JS似乎都没有触发。
在打开JQuery触发器代码之后，我在Console上得到了这个错误：
不能读取空的属性“同位素”
(启动了普通的JS脚本，我得到了许多其他错误.)
所以我猜对$的引用有问题，但是我还不知道它是什么.
外面有什么想法吗？谢谢你的帮忙
(我在<head>中将Jquery连接得很高，然后就在同位素JS链接之后，同位素触发JS在</body>底部标记之前)
克里斯
浏览 3提问于2017-05-14得票数 0
Vue -砌体/砌体依赖关系找不到
我对Vue和webpack非常陌生，在我用构建的项目中遇到了一个试图使用同位素的问题。在从vue同位素中安装同位素并将其导入组件后，我得到以下错误：
This dependency was not found: * masonry/masonry in ./node_modules/isotope-layout/js/layout-modes/masonry.js
这是许多砖石用户遇到的问题(参见)，在元泡沫的网站(同位素的作者)上有一个推荐的修复方法。建议的修复包括更改webpack.config.js和运行webpack，但是由于这个模板没有webpac
浏览 2提问于2017-10-19得票数 0
回答已采纳
1回答
我在这里面临一个问题。我在两页中使用类似的代码进行过滤
$('#filter a')[<number>].click()是触发机制。在页面加载时，在10秒后自动触发，或者在10秒前手动干预。
当页面加载时，将显示$('.portfolio_block')中的默认项集，其余项为display:none。
在第一页上，第一次过滤正常工作。在filteredItems中添加项目、隐藏元素、显示动画和显示元素。这里没问题
但是在第二页中，项目被添加，元素被隐藏。机械装置停在这里。这只会在第一次触发时发生。从第二次触发的病房，它回到正常运作
浏览 3提问于2016-04-22得票数 0
1回答
我正在帮助一个客户端使用Wordpress模板，该模板在砖石布局中使用Isotope.js。
Isotope.min.js：或源代码在这里：
基本模板：
问题是，他们有数以百计的项目，将需要在该投资组合，所以显示他们成为一个问题。很明显，我们不想让所有的人同时装载。即使集成了某种形式的懒虫，它仍将是一个巨大的尺寸。
问题：是否可以改变同位素以包括某种分页？也许“点击这里加载更多”div沿着最底层，然后加载下一批项目？或者更好的是--在主循环中，每20个块只会说“加载更多的项”，然后单击它将前19个项替换为下面的19个项(19个项+加载更多的块，这样总有一个20的网格)？
基本上，我只是想找出最
浏览 1提问于2013-12-11得票数 3
1回答
同位素添加元素挠曲盒网格
、、、
我的项目快完成了，只有一件事不能正常工作。我使用同位素删除项目，这是完美的。项目被移除，下一个项目在它的位置上滑动。现在我想将项目添加到网格中。如果我删除了同位素功能，那么所有功能都能工作，但我希望它能够与同位素一起工作(因为有了很好的转换等等)。如果我使用我的当前代码，除了最后一个项目(它会被克隆，但不会添加到网格中)，什么也不会发生。
再现问题：
单击“添加用户”
什么都没发生
工作：
从报头中删除同位素js文件，从js文件中移除同位素JS (第7至16行)
单击“添加用户”
用户将很好地添加到网格中。
下面是我的JS的一个片段：
$('.j
浏览 1提问于2017-05-12得票数 0
回答已采纳
1回答
我试图在CuteNews系统中使用同位素，为了使过滤正常工作，我需要在我的每个同位素项目的类声明中打印一些标识符。
在CuteNews中，我的新闻条目可以有多个类别分配给它们，所以当我在我的HTML中加载它们时，它们可以属于。“家庭”和“食物”同时出现，可以是第1和第5类。在CuteNews中，提取类别并将其抛入HTML中的唯一方法是使用一个函数将所有类别打印为字符串，如果类别为1、2、5和21，则使用" 1，2，5,21“。如果我需要把它作为同位素中的一个类添加，这是没有好处的，因为这会产生
<div class="isotope-item 1,2,5,21"&
浏览 3提问于2015-05-06得票数 0
回答已采纳
1回答
我用同位素来设计一个页面上的一些区块。我的页面HTML结构可以简化如下：
<nav>
<a href="/page1.htm">Page 1</a>
<a href="/page1.htm">Page 1</a>
<a href="/page1.htm">Page 1</a>
</nav>
<div class="main-content-container">
<div class=&
浏览 2提问于2014-10-02得票数 3
回答已采纳
1回答
我需要开始同位素，只显示的div，有类“戴斯塔克”。
目前，我的脚本在加载时会显示从CMS加载的所有已加载项，但是如果我单击filter按钮：
<li data-filter=".destaque" class="active">Todos</li>
它会显示我想要的物品。
--
如何才能开始同位素分解与这类div呢？
浏览 2提问于2017-01-02得票数 0
回答已采纳
1回答
在图像加载之前执行同位素
、、、
我正在努力让我的Isotope在图像加载后执行，因为否则，Isotope项会重叠。详细说明:我正在尝试将ImagesLoaded插件()应用于我的同位素，然而，在图像加载后，我正在努力执行同位素。
下面是我的没有ImagesLoaded的同位素，如果有人知道如何做，我将非常感激！(：这是我的同位素在行动：
var isotope_port = $('.port-isotope');
isotope_port.isotope({
'itemSelector': '.item'
});
$('.port-filter a&#
浏览 3提问于2016-12-14得票数 0
我正在使用同位素jQuery插件作为一种画廊过滤器。
我有80张图片，它们要么是300px x 200px，要么是200px x 300px，我有的问题是，当点击图库选项卡时，保存图像的同位素容器在加载时以某种方式重叠了它们。它有时无法加载所有的图像之前，页面停止加载，你可以看到我的网站，我正在建设这里，。我正在阅读关于预加载图像的资料，我阅读了这个堆栈溢出问题，和他推荐了图像预加载程序，我试过了，但它不起作用。
我的html如下所示
<div id="image_container">
<div id="container">
浏览 2提问于2013-03-08得票数 2
回答已采纳
我正在使用和Wordpress，到目前为止一切都运行得很好。我现在正在尝试添加一个“加载更多的帖子”按钮，当点击时，将获取下一页的帖子，并将它们附加到同位素容器。它目前的工作方式是只需加载http://localhost/page/2，它确实显示了正确的帖子。
基本上，它应该像这个插件一样工作，除了它应该将它们附加到同位素容器中。
我一直在寻找一个解决方案，并尝试编辑上面的插件，但没有任何乐趣。我设法让上面的插件工作，但没有同位素功能，组合它们的同位素导致问题‘附加’他们，没有扩展容器或动画他们像其他帖子。我基本上需要无限滚动，这是手动激活点击一个链接。任何帮助都是最好的。
浏览 2提问于2013-04-29得票数 1
我试图使用包装作为我的画廊的布局。我在用fancybox和同位素库。我不认为fancybox是问题所在。
我正在使用同位素v2和最新的打包下载。每一个其他布局都可以工作，甚至不包括在同位素js (如fitRows和fitColumns )中的布局。但是在包装过程中，我从同位素中得到了这个错误：
未明错误:无布局模式: packery isotope.pkgd.js第8行
下面是关于codepen的一个示例：
联署材料：
jQuery('.fancybox').fancybox({
openEffect: 'none',
close
浏览 7提问于2015-04-09得票数 2
回答已采纳
1回答
我使用jquery同位素来展示我的投资组合。我尝试将隐藏元素插入到同位素容器中。
为此，我删除了加载元素，然后尝试在单击时插入它。
但是，删除的元素不希望在单击后再次出现。
我该怎么做呢？
下面是我所做的小提琴示例：
对不起，我的英语，我是法国人
浏览 0提问于2013-03-31得票数 0
回答已采纳
1回答
我目前正在开发一个Wordpress主题。根据以下教程，我正在尝试将同位素集成到Wordpress主题中：
然而，我目前正在努力学习教程中的jQuery部分。当我查看我的控制台时，我会看到一个日志："Uncaught：$(.).smartresize不是一个函数“。
这在很大程度上导致了我的投资组合看不出任何接近同位素砖石布局的地方。
所以我一直在寻找一些解决方案，问题可能是本教程是在2014年编写的。这是在同位素V1出来的时候。现在，同位素V2出来了。因此，我可能需要更改isotope.filtering.js文件中的一些内容。但我真的不知道该改变什么？我试图在同位素文件中找到我的
浏览 1提问于2015-11-08得票数 0
回答已采纳
1回答
当我使用onkeypress时，同位素(‘reloadItems’)不会重新加载布局，这意味着文本区域会被推到下面的项目下。谁能帮帮忙？:]
<script src='assets/scripts/textareagrow.js'></script>
<script src='assets/scripts/isotope.js'></script>
<script>
$(function() {
$('.trans_comment').css('overflow
浏览 0提问于2014-09-11得票数 1
我知道jQuery noConflict包装器，并使用wp_enqueue_script()加载脚本。在下划线(_s)起始主题之后，我使用页脚中jQuery的依赖项在脚本(example.js)中排队。为了避免‘呈现阻塞javacript’警告，我将所有单独的jQuery代码粘贴在这个文件中。
假设，
我在那里有一个滑块函数，专门用于front-page.php，
但是TinyNav函数，特定于站点的所有页面，
和特定于投资组合页面的同位素函数。
example.js
jQuery(document).ready(function($) {
//add .js t
浏览 1提问于2015-02-21得票数 1
回答已采纳
1回答
我和webpack在用同位素。正在实例化同位素，但过滤不起作用。代码如下：
var Isotope = require('isotope-layout');
export const Advices = {
init: function(){
var $iso = new Isotope( '.advices-list', {
itemSelector: '.advice-item',
percentPosition: true,
layoutMod
浏览 0提问于2019-10-22得票数 0
1回答
网页在同位素初始化后很长一段时间
、、、、
我使用了同位素+引导，在所有图像被加载后，我已经初始化了同位素。问题是在加载之后，页面过去运行的底部有所有的空白。有人知道为什么会发生这种事吗?我能做些什么来解决这个问题？
相关网址：
JS初始化代码：
$(function() {
// FIRE EVENTS ON SPECIFIC MEDIA QUERY BREAKS
mql('all and (max-width: 320px)', reLayout);
mql('all and (max-width: 480px)', reLayout);
mql('all and (max-width
浏览 5提问于2013-10-23得票数 0
回答已采纳
1回答
我正在创建一个在线组合，我正在使用 jquery在我的站点上显示图像。我遇到的问题是，当您访问我的站点时，内容会加载，并在使用同位素jquery进行自组织之前先放置一秒钟。
我有两个链接的CSS文件(一个本地的和一个单独的托管站点)，最新的Jquery (托管在Jquery的站点上)，然后是同位素脚本(托管在本地)。引用文件的数量是否是同位素脚本自组织速度慢的原因？如果我在本地托管了所有这些，它会运行得更快吗？
浏览 1提问于2013-11-18得票数 0
回答已采纳
我正在使用jquery ias进行无限滚动+同位素。加载内容时，所有工作都会加载页面2，但会停止加载更多页面。。我什么都试过了，但没有成功。有什么办法来解决这个问题吗？
这是我正在使用的js代码。
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"
type="text/javascript"></script>
<script src="./js/isotope.min.js" type="text/
浏览 0提问于2014-01-31得票数 0
1回答
我在玩同位素js库，我已经有了一个通用的概念。当我将正常的html/css (如输入和图表)放到同位素div中时，我的问题就会发生，这并不像我预期的那样。这个html在同位素div之外正常工作。
当单击同位素div时，我正在扩展它，并显示该项目的详细信息，包括输入、图表等。
我的目标：
使包含输入的表在jsfiddle中可见。
理解为什么会发生这种情况，这样我就可以把我喜欢的任何内容放在这里，以备将来之用。
代码：
导致这个问题的Css。通过添加星号，这表示applyt样式到所有子元素。因此，我的表没有显示的原因是，表、行、单元格、元素都是绝对定位的。
.containerD
浏览 5提问于2014-02-19得票数 0
回答已采纳
我试图在我的自定义Loadmore js中使用同位素。它的工作良好，没有同位素，但当我在那里添加同位素，它不工作，并附加内容重叠。
Ajax代码
$load_posts_button.click(function(e) {
e.preventDefault();
var request_next_link =
pagination_next_url.split(/page/)[0] +
'page/' +
pagination_next_page_number +
'/';
$.aj
浏览 0提问于2019-08-18得票数 2
回答已采纳
1回答
我和ImagesLoaded一起在WordPress中使用了Isotope和一个砖石布局。每个帖子都是一个独立的同位素项目。一切似乎都运行得很好，除了当我在帖子中加载一些动态的东西时，比如twitter小工具或嵌入式视频。项目的初始高度是在帖子/小工具加载之前设置的。一旦它完全加载，我需要同位素重新布局，以适应新的高度。
有没有办法在所有帖子完全加载后再次调用布局函数？
这是我的同位素代码：
// init isotope
var $container = $('#cards');
$container.isotope({
itemSelector: '.it
浏览 2提问于2014-11-20得票数 0
1回答
同位素不响应类名
、、
我有一门关于同位素的课程。触发器类是通过jquery从PHP文件加载的，因此不会立即加载。
我可以在DOM中看到这个类，但在源代码中看不到。
这应该阻止它一起工作吗？
我不确定我可以发布什么与此相关的代码，因为这是一个巨大的项目，php的内容通过jquery调用加载得很好，但当我这样做时，同位素就不起作用了。
为了澄清是否将其直接加载到html文件中，同位素起作用了。所以这一点得到了证实。它只有在从PHP文件加载时才停止工作，但是它仍然显示所有的div。
有什么想法吗？
========
添加绑定代码
<li><a href="#" class="bt
浏览 1提问于2014-10-02得票数 0
1回答
我以前使用过masonry.js，但我听说Isotope.js更灵活/更好，所以我去下载它，创建一个网格映像库。
我现在的问题是，在调整大小(页面加载)之前，同位素在元素之间留下了一点空白。调整大小后，元素将更改大小和空白，即使我回到原来的窗口大小。
jQuery(document).ready(function(){
var $container =jQuery('.gallery-grid-container').isotope({
itemSelector: '.item',
masonry: {
浏览 2提问于2014-09-02得票数 0
回答已采纳
1回答
没有正确地发射
、、、
我正在使用wordpress和创建一个投资组合。我希望使用onhashchange事件，这样当用户使用后退和转发按钮时，同位素就会正确更新。为了测试onhashchange函数，我将以下代码添加到js文件中：
if ("onhashchange" in window) {
alert("The browser supports the hashchange event!");
}
问题是，此函数仅在页面加载时运行，而在散列更改时从不运行。我怎么才能解决这个问题？
浏览 1提问于2014-10-19得票数 0
回答已采纳
1回答
我是在JS中获取Rails变量的gem。我的主页中有不同的包含帖子的活动，当我点击一个“活动”div时，我将重定向到一个显示所有帖子的页面，多亏了插件同位素，文章被相应的活动点击了过滤，然后用户可以选择单击其他过滤器。
当用户单击以下内容时，我传递该活动的值：
<%= link_to 'Voir les idées', pages_enplace_path(:activite => activite.id)%>
我在控制器中使用了gem，其中过滤了我的帖子：
def enplace
@activity = params[:activite]
gon.a
浏览 2提问于2015-07-01得票数 0
回答已采纳
1回答
我最近在我的主题中使用了著名的同位素插件。它在使用它的页面上都工作得很好，但是在另一个页面中，控制台出现了问题(我使用了chrome)。
未明的TypeError:物体物体没有同位素的方法
这是因为所有页面都附加到文件custom.js，其中调用函数同位素。我是否可以解决这个问题，而不必编辑文件custom.js，消除对函数的引用，并且必须将其放在直接在'html‘中使用的每个页面上？
提前感谢大家
浏览 0提问于2013-09-17得票数 0
1回答
在将同位素js应用到div剖面后，该库成功地应用于div内部的元素，一切正常工作。然而，以前的div动画已经不能像预期的那样工作了。
这是在应用同位素js: URL:之前非常有效的小提琴。
这是同位素应用时的小提琴，元素显然被一些隐藏的css覆盖：
URL
下面是我正在使用的代码(这两种方法都是相同的)：
$(this).animate({
position: "relative",
left: "200px",
top: "200px",
浏览 0提问于2015-07-27得票数 0
回答已采纳
我有很多用于同位素的图像，我想知道是否有一种方法可以让同位素在屏幕上不加载图像？我很好，如果图像占用适当的空间，因为我提供了所有图像的宽度和高度，但我想知道是否有一种方法，图像不加载，除非他们是需要的？
浏览 4提问于2015-03-19得票数 0
回答已采纳
1回答
我正在尝试用同位素设置Ajax后加载程序。但是我很难在帖子中加载并在网格中显示它们。加载网格-项目要么被添加到网格顶部，要么不被同位素定位。
更新！我刚刚注意到，在双击网格-项目是正确的位置。但是为什么不在第一次点击呢？
<div id="filters" class="button-group"></div>
<div class="grid">
<div class="grid-item"></div>
<div class="grid-item
浏览 3提问于2015-10-26得票数 3
回答已采纳
我目前正在一个基于Zurb基金会4的网站上工作，我想在设计中介绍isotope.js。基金会4最好使用zepto来进行jquery。
当使用同位素进行测试时，我无法让它与zepto默认库一起工作。
我已经能够正确运行我的测试，强制使用jquery。
我的问题是:在zepto (较轻的)上是否有当前或正在开发的同位素版本？
浏览 4提问于2013-05-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
