以下のコードのnoimage.jpgの部分をクリックしたら、それぞれ個別のモーダルウィンドウを開けるようにしたいのですが、どのようにやればいいのでしょうか?
songは一覧としていくつもあり、それをクリックすると、個別のモーダルウィンドウへ飛ぶ感じです
以下のようにするとNoMethodError がでます。
<% @songs.each do |song| %> <div class="col-md-4 col-sm-6 portfolio-item"> <a class="portfolio-link" data-toggle="modal" href="#portfolioModal1"> <div class="portfolio-hover"> <div class="portfolio-hover-content"> <i class="fa fa-plus fa-3x"></i> </div> </div> <img class="img-fluid" src="/assets/noimage.jpg" alt=""> </a> <div class="portfolio-caption"> <h4><%= link_to song.title, song %><br></h4> </div> </div> <% end %>
<!-- Portfolio Modals --> <div class="portfolio-modal modal fade" id ="portfolioModal1" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="close-modal" data-dismiss="modal"> <div class="lr"> <div class="rl"></div> </div> </div> <h2> <%= @songs.title %> </h2> </div>
上のほうでは、song.titleが通っているのに下の方では、ノーメソッドとなってしまうのはなぜなのでしょうか?
また、うまいやり方があれば教えていただけると幸いです。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。