1

初めてJS/jQueryで遊んでいます。MasonryをRailsプロジェクトで動作させるのに問題があります。スクリプトが読み込まれていないようです。Railsのデフォルトが付属しているので、jQueryをロードする必要がないことを理解しています。

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'

アセット/javascripts/jquery.masonry.min.js

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

私がどこで騙しているのか考えていますか？

編集：jquery.masonry.min.jsがアセットパイプラインを介して読み込まれていることを確認しました-読み込み中ですが、スクリプトが機能していないため、Pinterestのレイアウトが表示されません。

4

1 に答える 1

2

動作するようになりました。次のようにスクリプトを囲む必要がありました。

$(function () {
  var $container = $('#allreview_container_reviewindex');
    $container.imagesLoaded(function(){
      $container.masonry({
       itemSelector : '.eachreview_container_reviewindex',
       //columnWidth : 240
    });
  });
});
于 2012-09-09T20:23:35.483 に答える