Question

在我的项目中，我有公寓和一组照片属于每个公寓。在公寓展示页面上，我想使用fancybox创建图库。当我打开节目页面时，fancybox不起作用，但是如果我刷新这个页面，一切都很完美。据我所知，jQuery只在网站加载时调用一次，但在打开新页面时不调用。为了解决这个问题，我已经在显示页面上放了jQuery并使用$(window).ready(function())，但它仍然无法正常工作。请帮忙。这是我的show.html.erb：

<script>
$(window).ready(function() {    
  $("a.gallery").fancybox({
    'padding' : '0',
    'cyclic'  : true,
    'hideOnContentClick' : true,
    'transitionIn' : 'none',
    'transitionOut' : 'none'
  });
});
</script>

<% @pin.pics.each do |x| %>
  <%= link_to image_tag(x.image.url(:thumb)), 
  x.image.url(:large),
  :class => "gallery", :rel => "group#{x.pin_id}" %>
<% end %>
<p id="notice"><%= notice %></p>
<p>
  <strong>Описание:</strong>
  <%= @pin.description %>
</p>
<% if @pin.user == current_user %>
  <%= link_to 'Редактировать', edit_pin_path(@pin) %> |
<% end %>   
<%= link_to 'Назад', pins_path %>

在连续页面上打开时，Fancybox不起作用

0 个答案: