獲取砌體jQuery加載在Rails應用程序

Question

第一次玩JS/jQuery。我無法讓砌體工作在我的rails項目上。該腳本似乎沒有加載。我知道我們不必加載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' 

資產/ Java腳本/ jquery.masonry.min.js

//I copied the source from http://masonry.desandro.com/ 

任何想法，我昂然向上？

編輯︰我檢查，以確保jquery.masonry.min.js通過資產管道加載 - 它的加載，但腳本不工作，以給我的Pinterest佈局。

Answer 1

得到它的工作。不得不像這樣附上腳本：

$(function() { 
    var $container = $('#allreview_container_reviewindex'); 
    $container.imagesLoaded(function(){ 
     $container.masonry({ 
     itemSelector : '.eachreview_container_reviewindex', 
     //columnWidth : 240 
    }); 
    }); 
});