我在我的应用程序中使用了砌体。一切工作正常,除非项目的高度发生变化(如Accordion)砌体没有调整布局。我该怎么做才能修复它? 最佳答案 每当调整项目大小时,您需要告诉masonary重新布局所有内容:$('.ui-accordion').bind('accordionchange',function(event,ui){$('#container').masonry();}); 关于javascript-Masonry-当一个项目的高度改变时自动调整,我们在StackOverflo
当我的页面第一次加载砌体重叠图像时,如果我刷新页面它开始工作正常。我不知道我做错了什么。我的页面链接是这个www.bhinderblink.com$(window).load(function(){$('#container').masonry({//optionsitemSelector:'.box',columnWidth:240,isAnimated:true,isFitWidth:true,animationOptions:{duration:650,easing:'linear',queue:false}});});在.ajax成功时,它从xmlobject获取数据...fu
我使用angular-masonry让Masonry在我的AngularJS应用程序中工作指令,但我希望能够在我的Controller中调用一个函数或方法来触发容器中项目的重新加载。我在源代码(第101-104行)中看到有一个重新加载方法,但我不确定如何调用它。有什么想法吗?谢谢! 最佳答案 以防将来对某人有用,Passy会监视一个名为masonry.reload的事件。因此,您可以发出此事件,Passy应该在砌体元素上调用“布局”,例如打电话$rootScope.$broadcast('masonry.reload');在我的例子
好的工作人员如下,当页面加载完成后,masonry失败,不知道为什么,但是我找到了一个方法,就是masonry.reload。这种方法有时会奏效,我想知道为什么。var$container=$('.container');$container.masonry({itemSelector:'.item',columnWidth:25}).imagesLoaded(function(){$container.masonry('reload');}); 最佳答案 在较新版本的砌体中,您使用“reloadItems”而不是“reload”。
我是一个js新手,希望这个问题看起来不会太愚蠢。我正在为我的网站使用砌体-工作正常。我想让我的盒子在砌体完成加载时出现。在互联网上搜索我发现有几篇文章推荐使用imagesloaded插件来解决这个问题。它只是没有改变任何东西。这意味着:我的布局和内容框一直被弄乱,直到砌体完成加载,就在那时这些框突然跳到正确的位置。我的代码:$(document).ready(function(){var$container=$('#post-area');$container.imagesLoaded(function(){$container.masonry({itemSelector:'.box'
masonry无限滚动附加html5视频重叠我目前正在使用imagesLoaded库来检查图像是否已加载然后调用masonry。但它不适用于html5视频标签,因为这些视频会相互重叠。所以我将调用masonry从document.ready更改为window.load并删除了对imagesLoaded的调用初始加载即从此$(document).ready(function(){var$container=$('#media');//layoutMasonryagainafterallimageshaveloaded$container.imagesLoaded(function()
有没有办法让jquerymasonry使用百分比宽度div?我正在尝试创建具有25%、50%、75%和100%宽度的流体布局。但是,一旦我用%设置宽度,自动调整大小就会停止工作,如果我尝试手动触发masononresize,我会得到舍入错误,使div跳来跳去。此外,它有时会忽略高度,有时会停止放置div并将它们全部放在0,0上,这也变得很麻烦HTML标记:lkajdlksajldksjflkdjflksdflkdsflkdsflksdjfakldsjflkdsjflkjfdlkajdlksajldksjflkdjflksdflkdsflkdsflksdjfakldsjflkdsjflk
将Masonry与Storyboard结合使用的好方法是什么?目前,我在界面生成器中添加View,设置由XCode生成的随机约束,然后我在IB中将它们从运行时删除,并使用Masonry在代码中添加它们。 最佳答案 只需将View添加到Storyboard中,无需添加任何约束。通过socket将View连接到您的代码,然后使用Masonry添加约束。 关于ios-砌体Storyboard,我们在StackOverflow上找到一个类似的问题: https://s
想知道是否可以只使用新的flexbox布局来获得与pinterest或jQuerymasonry相同类型的设计布局。据我所知:.flex-container{display:-webkit-flex;display:flex;-webkit-flex-flow:rowwrap;flex-flow:rowwrap;}.item{width:220px;height:250px;margin:10pxauto;padding:0;background:#ccc;}.item:nth-child(3n+2){background:#aaa;height:400px;}我只是使用PHP循环创建
我有两个装置的JQuery砌体装置,就我而言,彼此相同。其中一个适应移动视口,另一个则没有。当我进行移动故障排除时,砖石撰写的样式是首先:第二:DIV结构是相同的,砌体安装和初始化是相同的,除了类名,CSS是相同的。//masonrycustomizationjQuery(document).ready(function($){varpost_area=$('#list_of_albums');post_area.imagesLoaded(function(){post_area.masonry({//options…columnWidth:1,isAnimated:true,animatio