Rails アプリに画像を表示するために、Jquery プラグイン Masonry を使用しています。私はそれを機能させることができないようです。私はメーソンリーのスクリプトをページ自体に入れました。masonry プラグインと jquery.js ファイルを含めました。また、application.js ファイルで =jquery のコメントを外しました。私の Masonry プラグイン ファイルは、assets フォルダーの javascript フォルダーにあります。私のコードは <%= javascript_include_tag "jQuery.js" %> <%= javascript_include_tag "jquery.masonry.min.js" %> です
<%= render 'nav' %>
<div id = "jags_show">
<h1>Your Jags </h1>
<div id = "clear"></div>
<hr />
<% if @jags.empty? %>
<p> NO JAGS UPLOADED YET <p>
<% else %>
<% @jags.each do |j| %>
<div id = "jags">
<li id = "jagimage"><%= image_tag j.image_url(:thumb) %></li>
<p id = "jagname"> <%= j.name %> </p>
<div class="actions">
<%= link_to "update", edit_jag_path(j) %> |
<%= link_to "remove", j, :confirm => 'Are you sure?', :method => :delete %>
</div>
</div>
<% end %>
<% end %>
</div>
<script>
$(function(){
var $container = $('#jags_show');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '#jagimage'
});
});
});
</script>
スクリプト部分があるかどうかにかかわらず、私のウェブページには目に見える変化がありません。なぜこれが起こっているのか、誰かが私に説明してくれれば幸いです。