javascript - Fancybox - 无法在 Fancybox 窗口中打开图像

Question

我坚持为我的照片设置 Fancybox 窗口，我这样做是这样的：

$(document).ready(function() {  
  $('.fancybox').fancybox();
});

这是 Fancybox 的初始化。然后设置链接和图像：

= link_to i.file_url, :class => 'fancybox', :rel => 'gallery', :title => i.title do
  = image_tag i.file_url, :style => 'width: 150px;'

生成此 HTML 代码：

<a href="URL TO FILE" class="fancybox" rel="gallery" title="Item Name">
  <img alt="something" src="URL TO FILE" style="width: 150px;">
</a>

但是当我单击链接时，图像会加载到新窗口而不是 Fancybox 窗口中。Fancybox JS+CSS 库已正确添加 - 我还缺少什么？

谢谢

Answer 1

您的问题是您的 URL 模式没有被 fancyBox 识别。

您应该在选项中明确指定它：

    $('.fancybox').fancybox({type:'image'});