所以我已经搜索了stackoverflow并发现了一些类似的文章但是我还没有任何工作。我正在创建一个rails应用程序,我想使用Masonry作为我的布局。我已经尝试按this post中所述上传js,但无论我尝试多少次都无法让它工作(是的,我匹配了所有正确的ID和类)。我知道gem正在工作,因为CSS加载正常,我只是不能让JS工作。这就是我现在所拥有的
的Gemfile:
# masonry layout
gem 'masonry-rails'
的application.js:
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require_tree .
//= require masonry/jquery.masonry
index.html.erb:
<div class="center">
<div id="masonry-container" class="transitions-enabled infinite-scroll clearfix">
<%= render @products %>
</div>
<div class="paginator">
<%= will_paginate @products, renderer: BootstrapPagination::Rails %>
</div>
</div>
_products.html.erb
<div class="box">
<% gfyid = product.gfy.to_s.gsub("http://gfycat.com/", "") %>
<h2><%= product.name %></h2>
<div class="gfySize">
<div class="gfyitem" data-title=false data-autoplay=false data-controls=false data-expand=false data-id="<%= gfyid %>"></div>
</div>
我迷失了,我一直在努力研究这一切。 CSS工作/看起来很好,但我只是在努力与js。非常感谢任何帮助,非常感谢你!
答案 0 :(得分:1)
尝试手动安装,将masonry文件放在vendors文件夹中,然后将代码写入product.js部分。