Ruby 砌体轨道不工作

Ruby 砌体轨道不工作,ruby,twitter-bootstrap,Ruby,Twitter Bootstrap,我想在我的应用程序中添加砖石轨道/宝石。添加gem、JavaScript和必要的函数,但现在无法成功运行 所以这一次。我想帮助你 第一个捆绑安装=>gem“砌石轨道” 第二个是在application.js下面包含CSS/application.scss=> *= require 'masonry/basic' *= require 'masonry/centered' *= require 'masonry/fluid' *= require 'masonry/gutters' *=

我想在我的应用程序中添加砖石轨道/宝石。添加gem、JavaScript和必要的函数,但现在无法成功运行

所以这一次。我想帮助你

第一个捆绑安装=>gem“砌石轨道”

第二个是在application.js下面包含CSS/application.scss=>

 *= require 'masonry/basic'
 *= require 'masonry/centered'
 *= require 'masonry/fluid'
 *= require 'masonry/gutters'
 *= require 'masonry/infinitescroll'
 *= require 'masonry/right-to-left'
 *= require 'masonry/transitions'
第三个包括application.js=>/=require-massy/jquery.massy

第四步编写代码pins.js.coffee=>在pins.js.coffee下面

$ ->
  $('#pins').imagesLoaded
    $('#pins').masonry
      itemSelector: '.box'
      isFitWidth: true
第五个写视图=>在index.html.erb下面

application.js

 *= require 'masonry/basic'
 *= require 'masonry/centered'
 *= require 'masonry/fluid'
 *= require 'masonry/gutters'
 *= require 'masonry/infinitescroll'
 *= require 'masonry/right-to-left'
 *= require 'masonry/transitions'
pins.js.咖啡

$ ->
  $('#pins').imagesLoaded
    $('#pins').masonry
      itemSelector: '.box'
      isFitWidth: true
index.html.erb

<div id="pins" class="transitions-enabled">
  <% @pins.each do |pin| %>
    <div class="box">
      <%= link_to (image_tag pin.image.url(:medium)) %>
      <h1><%= link_to pin.title, pin_path(pin.id) %></h1>
    </div>
  <% end %>
</div>

<%= paginate @pins %>

我想解决这个问题。

在application.js下有以下代码

 *= require 'masonry/basic'
 *= require 'masonry/centered'
 *= require 'masonry/fluid'
 *= require 'masonry/gutters'
 *= require 'masonry/infinitescroll'
 *= require 'masonry/right-to-left'
 *= require 'masonry/transitions'
它应该放在application.css中

application.js中应该包含的内容是

另外,我认为你的合作脚本中缺少了一个->。它应该像下面的代码一样

$ ->
  $('#pins').imagesLoaded -> # HERE
  $('#pins').masonry
    itemSelector: '.box'
    isFitWidth: true

你的问题是什么?你需要告诉我们出了什么问题。你不能简单地给我们代码。