我有一个由Isotope提供支持的照片库。在页面加载时以及每次用户滚动到页面底部时，都会从外部资源请求图像。新图像将附加到当前的同位素布局中。问题出在Isotope-它似乎没有执行“附加”方法。在StackExchange和Google上搜索解决方案后发现我不是唯一遇到此问题的人。在过去的几天里，我一直在研究这个问题，并尝试了几乎所有我能找到的解决方案，但到目前为止，我还没有找到任何可以解决我的问题的方法。CodePen:我在这里创建了一个CodePen-http://codepen.io/Writech/pen/pBoEtWebPage:由于自定义事件“resizestop”在cod
我正在尝试让我的同位素帖子页面与加载更多按钮一起使用(如此处所示:https://codepen.io/bebjakub/pen/jWoYEO)。我有在Codepen上运行的代码，但我无法让它在网站上运行。工作代码笔(我的(过滤和加载更多)-https://codepen.io/whitinggg/pen/qyvVwz实时页面链接-Here我目前在控制台中看到关于我的isotope.js文件的错误:UncaughtTypeError:Cannotreadproperty'filteredItems'ofundefinedatloadMore(isotope.js?v=2.2.7:53)
关闭。这个问题不符合StackOverflowguidelines.它目前不接受答案。要求提供代码的问题必须表现出对所解决问题的最低限度理解。包括尝试过的解决方案、为什么它们不起作用，以及预期结果。另请参阅:StackOverflowquestionchecklist关闭9年前。Improvethisquestion有没有办法让同位素以没有间隙的方式排列网格？我在几个演示中看到元素改变了位置，但我自己无法实现效果。喜欢这里:http://isotope.metafizzy.co/demos/layout-modes.html这是我的fiddle:http://jsfiddle.net/
参见http://jsfiddle.net/cUcFd/5/--请注意，如果您将layoutMode更改为“masonry”或“fitRows”，它会正常工作。但是对于“fitColumns”，它只是空白，所有block都消失了。为了fitColumns模式的工作，似乎有关于在容器和项目上设置什么样式的要求，但我找不到关于它们是什么的任何文档。 最佳答案 为什么它不起作用fitColumns是一种“水平布局”，因此它旨在向侧面移动而不是上下移动-类似于横向卷轴游戏。考虑到他们的设计，水平布局需要一个高度属性，如下所示:http://
我正在学习使用Isotope并看到了作者关于如何animateitemsizes的博客文章.我已经为我正在开发的项目实现了它。它由三个垂直列组成。每个项目为196像素x70像素。当您单击某个项目时，它会扩展到402像素x230像素。所有项目都正确调整大小并导致Isotope刷新布局-除了第一个项目。单击第一个项目会导致所有后续列表项目仅在一个垂直列中排列-即使有足够的空间并且项目应该围绕第一个项目排列。单击列表中的任何其他项目都会导致正确的行为。只有第一个是靠不住的。谁能看出是什么原因造成的？这是我的测试用例:http://joshrenaud.com/pd/testcase/test
关于这个还有另外两个主题，但它们对我没有帮助。我有这个html:AllARCHITECTUREBuildingCONSTRUCTIONDESIGNPaintingConstructionConstructionConstructionConstructionConstructionConstruction和JS同位素代码://*IsotopeJsfunctionportfolio_isotope(){if($('.portfolio_item,.portfolio_2.portfolio_filterulli').length){//Activateisotopeincontainer
我有一个Isotope图库(第2版)包含近400个元素。典型的图库项目如下所示:HNameNoInfoAvailableReview例如，当我运行下面的代码时，它基本上向单击的元素添加了一个类，放大该元素需要几秒钟。$container.on('click','.element',function(){$(this).toggleClass('large');$container.isotope('layout');});另一个例子是，如果我有一个包含多个选项的按钮组来过滤画廊，同样需要几秒钟。过滤JS:$('#filters').on('click','.button',functi
我正在使用同位素(v1)并在anexampleinaPen之后创建了一个搜索字段.最初它可以工作，但是，如果我过滤同位素库，则搜索字段将停止工作。我相信搜索功能仍在运行，只是不会过滤图库，我不确定如何解决该问题。事实上，我不确定确切的问题是什么，因为没有抛出任何错误。HereisaFiddle有一个工作示例。这是搜索、过滤和同位素JavaScript:var$container=$('.isotope'),qsRegex,filters={};$container.isotope({itemSelector:'.element',masonry:{columnWidth:120},ge
大家好，希望你们一切顺利。我正在使用Isotope，您可以在下面看到我编写的JavaScript。如果li元素是同位素元素，我发现它们不可能居中。要了解居中的含义，请参见下图。我已经设法将整个Isotope居中放置在屏幕上，但我也需要将元素居中放置，而不仅仅是float到左侧。让我们从我的脚本代码开始:$(document).ready(function(e){$(".ullistli").addClass('element-item');});$(document).ready(function(e){//externaljs:isotope.pkgd.js//initIsotope
这似乎只发生在Chrome和Safari中……而不是Firefox。我将它与基础响应框架一起使用，所以我不确定如何设置高度。Chrome/Safari中的图像之间似乎也没有足够的间距..我该如何解决这个问题？编辑:这是一个fiddlehttp://jsfiddle.net/TLjay/它的问题是它似乎没有显示我遇到的问题..所以我不知道该怎么做..我试过禁用除同位素之外的所有东西..所有jquery/css并且它仍然会缩小Chrome/Safari中的图像，但它在firefox中很好。此外，如果我点击过滤器下的“全部”，它会将页面拉伸(stretch)到它应该看起来的样子，这可能有助于
