我必须为视频而不是图像使用Angularmasonry网格样式，我引用了大部分Angularmasonry文档，我能找到的只是用于图像。我替换了img标签并使用了视频标签，但它仍然没有'似乎工作。任何人都可以帮助我如何包含视频。 最佳答案 谢谢大家。最后我让它工作了，我用视频标签替换了img标签，它工作得很好。尝试this并替换标签。 关于javascript-为视频而不是图像实现AngularMasonry，我们在StackOverflow上找到一个类似的问题：

我在我的应用程序中使用了砌体。一切工作正常，除非项目的高度发生变化(如Accordion)砌体没有调整布局。我该怎么做才能修复它？ 最佳答案 每当调整项目大小时，您需要告诉masonary重新布局所有内容:$('.ui-accordion').bind('accordionchange',function(event,ui){$('#container').masonry();}); 关于javascript-Masonry-当一个项目的高度改变时自动调整，我们在StackOverflo

我完全按照文档进行操作，但布局完成事件不起作用。例子可以在这里看到:http://jsfiddle.net/9464buy5/#items{width:500px;}.item{background:#ff0000;width:200px;height:200px;margin-bottom:20px;}$(document).ready(function(){var$container=$('#items');$container.masonry({itemSelector:'.item',columnWidth:220,gutter:20});$container.masonry(

如果每个项目的宽度为25%并且gutter参数为10，为什么我不能按行显示4个项目？请帮助我!$('.grid').masonry({itemSelector:'.grid-item',columnWidth:'.grid-sizer',gutter:10});http://codepen.io/davelins/pen/bdoRGa 最佳答案 改变.grid-item{width:calc(25%);}到.grid-item{width:calc(25%-10px);} 关于javas

我正在使用不同尺寸的图像创建一个2列masonry布局。图像可以是任意大小，只要它们具有最大公约数(根据Masonry插件的要求)。为了使布局具有响应性，我将masonry元素的宽度转换为百分比(或者我可以使用min-width和width100%)。更新:我注意到许多回答者将两列都设为50%作为解决方案。这行得通，但不是目标。图像必须保留其原始图像大小。它们可以收缩但保持相同的比例。$(function(){varcontainer=$('#container');//Convert.boxwidthfrompixelstopercent$('.box').find('img').e

这就是我想要做的。我有一个包含大量图像的网格，因此我将imagesLoaded库与masonry一起使用。这是我的CSS:.grid{opacity:0;}和HTML:imageimageimage这是我的JS:var$container=$('.grid');//initializeMasonryafterallimageshaveloaded$container.imagesLoaded(function(){$container.masonry({columnWidth:'.grid-sizer',itemSelector:'.item',gutter:'.gutter-size

AJAX和Masonrygrid有问题.砌体网格很简单，没有在正确的时间启动。在滚动或使用参数搜索转到特定类别之前，效果非常好。可以找到示例站点here.砌体Masonry是一个JavaScript网格布局库。通常与Bootstrap或其他未正确对齐项目的网格系统一起使用。示例:仅自举:引导和砌体:滚动时下一列将添加到旧列之上。提供与unloadedimages几乎相同的输出这使得图像重叠。这通常可以通过使用我已经包含在提供的代码中的imagesLoaded来解决。使用参数搜索时Masonry在AJAX之后没有被解雇。这意味着它根本不起作用。所以柱子在没有砌体的情况下被加载。请参阅sa

所以我正在使用jQueryMasonry，我想在每次加载帖子时调用一些jQuery:functionmanipulate(id){$(id).each(function(){if($(this).height()>200){$('#container2').append(this);}else{$('#container').append(this);};});};因此，每次加载Masonry容器中的下一项时，我都想调用此函数。这样它就能以正确的方式操作项目。我该怎么做？更新:Masonry的描述Masonry是一个Javascript插件，就像强制完美适应CSSfloat+无限滚动。

我正在尝试让Masonry作为Angular指令工作，这在网上有部分记录，尽管我在以下代码中遇到以下问题:HTML代码:{{item.name}}{{button.text}}AngularDirective(指令)代码:'usestrict';angular.module('HomeCourtArenaApp').directive('masonry',function($parse){return{restrict:'AC',link:function(scope,elem,attrs){elem.masonry({itemSelector:'.masonry-item',colu

我使用angular-masonry让Masonry在我的AngularJS应用程序中工作指令，但我希望能够在我的Controller中调用一个函数或方法来触发容器中项目的重新加载。我在源代码(第101-104行)中看到有一个重新加载方法，但我不确定如何调用它。有什么想法吗？谢谢! 最佳答案 以防将来对某人有用，Passy会监视一个名为masonry.reload的事件。因此，您可以发出此事件，Passy应该在砌体元素上调用“布局”，例如打电话$rootScope.$broadcast('masonry.reload');在我的例子