无法让Masonry-Rails Gem在我的应用中运行

Question

所以我已经搜索了stackoverflow并发现了一些类似的文章,但没有任何对我有用.我正在创建一个rails应用程序,我想使用Masonry进行布局.我曾尝试上传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.非常感谢任何帮助,非常感谢你!

Answer 1

尝试手动安装它，将砌体文件放在vendors文件夹中并在product.js部分编写代码。