javascript - Fancybox 无法工作，并且控制台中没有错误

Question

这个问题已经有答案了:

Fancybox links don't show in lightbox - what am i missing? (1 个回答)

已关闭 9 年前。

Fancybox 不断在新窗口中打开这些图像。

控制台中没有 JS 错误。

这是我的 HTML:

<a class="fancybox" rel="group" href="//fpoimg.com/1200x800">
  <img src="//fpoimg.com/80x80" />
</a>
<a class="fancybox" rel="group" href="//fpoimg.com/1200x800">
  <img src="//fpoimg.com/80x80" />
</a>
<a class="fancybox" rel="group" href="//fpoimg.com/1200x800">
  <img src="//fpoimg.com/80x80" />
</a>

这是我的 JS:

$(document).ready(function() {
  $("a.fancybox").fancybox();
});

这与它们是远程图像有关吗？我从来没有遇到过这样的情况。

这里绞尽脑汁。

感谢您的帮助。

Answer 1

我很确定 fancybox 不会将它们识别为图片，因为它们缺少正确的图像扩展名。

检查代码并将其修改为这样，使灯箱效果起作用。 (只是使用了随机的 jquery 图像)

<a class="fancybox" rel="group" href="http://jquery.com/jquery-wp-content/themes/jquery/images/logo-jquery.png"><img src="//fpoimg.com/80x80"></a>