Javascript 无法在我的应用程序中使用此功能

Javascript 无法在我的应用程序中使用此功能,javascript,jquery,ruby-on-rails-4,jquery-masonry,masonry,Javascript,Jquery,Ruby On Rails 4,Jquery Masonry,Masonry,所以我搜索了stackoverflow,找到了一些类似的文章,但还没有找到适合我的。我正在创建一个rails应用程序,我想将用于我的布局。我尝试过上传js,如中所述,但无论我尝试了多少次都无法让它工作(是的,我匹配了所有正确的ID和类)。我知道gem正在工作,因为CSS加载很好,我就是不能让JS工作。这是我目前的情况 档案: # masonry layout gem 'masonry-rails' application.js: //= require jquery //= require j

所以我搜索了stackoverflow,找到了一些类似的文章,但还没有找到适合我的。我正在创建一个rails应用程序,我想将用于我的布局。我尝试过上传js,如中所述,但无论我尝试了多少次都无法让它工作(是的,我匹配了所有正确的ID和类)。我知道gem正在工作,因为CSS加载很好,我就是不能让JS工作。这是我目前的情况

档案:

# 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斗争。非常感谢您的帮助,非常感谢

尝试手动安装,将砌体文件放在供应商文件夹中,并在product.js部分编写代码。

什么不起作用,什么不发生,而您希望发生?您有任何错误消息吗?你看过你的js控制台了吗?没有错误消息,来自gem的css元素工作正常。控制台没有显示任何内容,只是从gfycat加载脚本,因为我在我的网站上使用了他们的js插件,可能是你没有关闭你的?嘿,对不起,我没有回到这里,我最终放弃了gem并手动安装了它,将砌体文件放入vendors文件夹,并将代码写入product.js部分。我想是后者把它修好了,谢谢!