Question

我正在使用'Fancy box' - 一块JQuery，可让您点击图片查看完整尺寸，而无需离开当前屏幕。

我在一周前使用它时工作正常，但是在各种页面上进行了大量编码更改之后，我现在看到它无法正常工作，点击图像时它只会在新屏幕上打开。

有什么非常明显的东西我从你在这里看到的做错了吗？

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="../assets/source/jquery.fancybox.js?v=2.1.5"></script>
<link rel="stylesheet" type="text/css" href="../assets/source/jquery.fancybox.css?v=2.1.5" media="screen" />

<script type="text/javascript">
    $(document).ready(function() {

        $('.fancybox').fancybox();

    });
</script>

显示大图片的链接：

<a class="fancybox" href="1_b.jpg" data-fancybox-group="gallery" title="Lorem ipsum dolor sit amet"><img src="1_s.jpg" alt="" /></a>

Answer 1

看起来好像没有正确配置花哨的盒子。

检查控制台是否有错误。

但看起来像you are missing jQuery.js

<script type="text/javascript" src="../assets/source/jquery.js"></script>
<script type="text/javascript" src="../assets/source/jquery.fancybox.js?v=2.1.5"></script>

JQuery Fancybox不再工作 - 在新屏幕上打开图像，而不是在同一屏幕上打开图像

1 个答案: