Ruby 砌体轨道不工作
我想在我的应用程序中添加砖石轨道/宝石。添加gem、JavaScript和必要的函数,但现在无法成功运行 所以这一次。我想帮助你 第一个捆绑安装=>gem“砌石轨道” 第二个是在application.js下面包含CSS/application.scss=>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' *=
*= 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
你的问题是什么?你需要告诉我们出了什么问题。你不能简单地给我们代码。