我没有使用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 %>
答案 0 :(得分:2)
我对rails上ruby的了解相当有限,但我很确定你需要将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>
答案 1 :(得分: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 %>