第一次玩JS/jQuery。我很难让Masonry在我的轨道项目上工作。脚本似乎未加载。我知道我们不必加载jQuery,因为它带有Rails默认值。
index.html.erb
<script src="/path/to/jquery.masonry.min.js"></script>
<script>
var $container = $('#allreview_container_reviewindex');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector : '.eachreview_container_reviewindex',
// columnWidth : 240
});
});
</script>
<% if !@reviews.blank? %>
<div id="allreview_container_reviewindex">
<% @reviews.each do |review| %>
<div class="eachreview_container_reviewindex">
//Image + text
</div>
<% end %>
</div>
<% end %>
Gemfile
gem 'jquery-rails'
assets/javascripts/jquery.masonry.min.js
//I copied the source from http://masonry.desandro.com/
知道我在哪里混日子吗
编辑:我检查以确保jquery.masonry.min.js是通过资产管道加载的——它正在加载,但脚本无法为我提供Pinterest布局
开始工作了。必须这样附上脚本:
$(function () {
var $container = $('#allreview_container_reviewindex');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector : '.eachreview_container_reviewindex',
//columnWidth : 240
});
});
});