7

所以我搜索了stackoverflow并找到了一些类似的文章，但还没有对我有用。我正在创建一个 Rails 应用程序，我想将Masonry用于我的布局。我已经尝试按照这篇文章中的描述上传 js ，但是无论我尝试了多少次，我都无法让它工作（是的，我匹配了所有正确的 ID 和类）。我知道 gem 正在工作，因为 CSS 加载正常，我只是无法让 JS 工作。这是我目前拥有的

宝石文件：

# masonry layout
gem 'masonry-rails'

应用程序.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 作斗争。非常感谢您的帮助！

4

1 回答 1

1

尝试手动安装它，将 masonry 文件放在 vendor 文件夹中，然后在 product.js 部分编写代码。

于 2015-04-07T03:23:15.623 回答