-1

我是第一次测试 fancyBox，但遇到了障碍。

按照开发人员网站上的说明，我使用了可以传递给 fancybox() 方法的选项，以便只显示主图像，它从元素而不是属性标签中检索信息。

它可以在本地完美运行，如下所示：



但是当我上线的时候就不能这么说了，你会在这里痛苦地看到。

Chrome 的 JS 控制台是这样说的：

Uncaught SyntaxError: Unexpected token < jquery.fancybox.js:3

Uncaught SyntaxError: Unexpected token < jquery.fancybox-thumbs.js:3

Uncaught TypeError: Object [object Object] has no method 'fancybox' about.php:302
(anonymous function) about.php:302
c jquery.js:3074
p.fireWith jquery.js:3186
x.extend.ready jquery.js:433
q jquery.js:104

意外的令牌显然来自<!DOCTYPE html>

我觉得是我的剧本安排，还是缺……

我目前的安排：

标题

<link rel="stylesheet" href="fancybox/source/fancybox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="fancybox/source/fancybox-thumbs.css" type="text/css" media="screen" />

身体

    <figure class="col-8 img-wrapper">

        <a class="fancybox fancybox-thumb" data-title-id="title-1" href="img/gym-01.jpg"><img class="img" src="img/gym-01.jpg" alt=""/></a>
        <div id="title-1" class="hidden">
            This is 1st title. <a href="http://google.com">Some link</a>
        </div>

    </figure>

    <div class="hidden">

        <a class="fancybox fancybox-thumb" data-title-id="title-2" href="img/gym-02.jpg"><img src="img/gym-02.jpg" alt=""/></a>
        <div id="title-2" class="hidden">
            This is <b>2nd title</b>. <a href="http://google.com">Some link</a>
        </div>

        <a class="fancybox fancybox-thumb" data-title-id="title-2" href="img/gym-03.jpg"><img src="img/gym-03.jpg" alt=""/></a>
        <div id="title-3" class="hidden">
            This is <b>3rd title</b>. <a href="http://google.com">Some link</a>
        </div>

    </div>

页脚

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

<script type="text/javascript" src="fancybox/source/fancybox.js"></script>
<script type="text/javascript" src="fancybox/source/fancybox-thumbs.js"></script>

<script type="text/javascript" src="js/script.js"></script>

script.js 包含我的自定义 fancyBox 选项。

我错过了什么愚蠢的东西吗？？？？

伙计们干杯！！

编辑：这只是源路径的问题

4

1 回答 1