1

私は CSS と JQuery の経験がありません。したがって、アプリで Magnific Popup を実装することに迷っています。https://github.com/joshuajansen/magnific-popup-railsを使用しています。ビューに挿入したコードは、ページ自体に表示されています。私はgithubにあるものをたどり、ビューにコードを追加しました。

<h1><%= @user.username %></h1>

<div class="parent-container">

$(document).ready(function() {
  $('.parent-container').magnificPopup({
    delegate: 'a',
    type: 'image'
  });   
});

<% @user.photos.each do |photo| %>
    <%= link_to image_tag(photo.image_url(:thumb)), photo.image_url%>

</div>
<% end %>
4

2 に答える 2

2

Ruby on Rails に関する私の知識はかなり限られていますが、次のように JavaScript タグに JavaScript を含める必要があると確信しています。

<script type="text/javascript">
    $(document).ready(function() {
        $('.parent-container').magnificPopup({
            delegate: 'a',
            type: 'image'
        });   
    });
</script>

<div class="parent-container">
    <% @user.photos.each do |photo| %>
        <%= link_to image_tag(photo.image_url(:thumb)), photo.image_url%>
</div>
于 2013-10-21T19:19:22.447 に答える
1

Josh Meinの答えは正しいですが、w3c標準に忠実であり、javascriptを頭に入れるには、次のことも検討してください。

<% content_for :head do %>
  <script type='text/javsacript'>
    $(document).ready(function() {
      $('.parent-container').magnificPopup({
        delegate: 'a',
        type: 'image'
      });   
    });
  </script>
<% end %>

...そして、レイアウト<%= yield :head %>で head セクションにあることを確認してください

于 2013-10-21T19:28:36.163 に答える