Tag: jquery masonry

在Rails中使用Masonry – 不在窗口上移动的框resize

我已经尝试使用Masonry网站上的文件和masonry-rails gem，但我遇到了同样的问题。 基本上，当我调整浏览器窗口的大小时，框不会移动以适应新的页面大小。 相反，我只是在浏览器中出现滚动条。 我知道文件加载正常，并选择正确的选择器，因为如果我改变了masonry（）参数中的列宽，那么当我加载页面时，这些框会出现在不同的位置。 另外，我使用Bootstrap，如果这是相关的，但我已经命名选择器，因此它们不会与为bootstrap保留的选项冲突 – 例如使用#masonry-container而不是#container。 任何帮助将不胜感激，谢谢!! application.js中： //= require masonry/jquery.masonry message_board /显示： “show_message_board”, :locals => { :messages => current_user.messages }, :remote => true %> $(function(){ $(‘#masonry-container’).masonry({ // options itemSelector : ‘.item’, columnWidth : 50, isAnimated: true }); }); _show_message_board.html.erb： : 编辑： 我尝试过使用以下其他地方的建议，但仍然无效！： $(function(){ var $container = $(‘#masonry-container’); $container.imagesLoaded( function(){ $container.masonry({ itemSelector : […]

masonry.js不使用模态偏

基本上我有这样的东西，只是部分渲染post并用Masonry.js定位它们。 它工作得很好，但是当我添加下面show的“ show ”部分（隐藏的bootstrap模式以“点击”显示post时），post被加载到一个列中。 然后，当通过分页和窗口滚动事件追加更多post时，它们在屏幕上定位得很好。 有没有人做过类似的事情或知道会发生什么？ “show”, :locals => { :post => post } %> <div class = "container" data-toggle="modal" data-target="#myModal”>

与砌体涡轮连接不起作用

我在我的rails应用程序3.2.8中安装了turbolink gem https://github.com/rails/turbolinks 。 我使用这个gem，砌成显示元素https://github.com/desandro/masonry 。 问题是当我打开带有turbolinks的新页面时，砌体元素未正确加载。 我该如何解决这个问题？ 非常感谢你！