Javascript 无法在我的应用程序中使用此功能
所以我搜索了stackoverflow,找到了一些类似的文章,但还没有找到适合我的。我正在创建一个rails应用程序,我想将用于我的布局。我尝试过上传js,如中所述,但无论我尝试了多少次都无法让它工作(是的,我匹配了所有正确的ID和类)。我知道gem正在工作,因为CSS加载很好,我就是不能让JS工作。这是我目前的情况 档案: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
# 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部分。我想是后者把它修好了,谢谢!