【发布时间】:2014-09-09 00:38:11
【问题描述】:
所以我搜索了 stackoverflow 并找到了一些类似的文章,但还没有对我有用。我正在创建一个 Rails 应用程序,并且我想将 Masonry 用于我的布局。我已经尝试按照this post 中的说明上传 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 作斗争。非常感谢您的帮助!
【问题讨论】:
-
什么不工作,什么没有发生,你期望发生什么?你有任何错误信息吗?你看过你的 js 控制台吗?
-
没有错误消息,并且 gem 中的 css 元素工作正常。控制台没有显示任何内容,只是从 gfycat 加载脚本,因为我在我的网站上使用他们的 js 插件
-
可能是你没有关闭你的吗?嘿抱歉我没有回到这个,我最终放弃了 gem 并手动安装它,将砌体文件放在 vendor 文件夹中并在 product.js 部分编写代码。我认为后者是修复它的原因,谢谢!
标签: javascript jquery ruby-on-rails-4 jquery-masonry masonry