Javascript 在实时部署中显示SyntaxError和TypeError的自定义fancyBox在本地工作

我第一次测试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

Uncaught语法错误：意外标记

意外标记显然来自

我觉得这是因为我的剧本安排，或是缺少

我目前的安排：

标题

<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" />

<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>

身体

    <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>

这是第一个标题。
这是第二个标题。
这是第三个标题。

页脚

<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" />

<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选项

我错过了什么愚蠢的事吗

干杯，伙计们

---

编辑：这只是源路径的问题，文件包含HTML，而不是JS。

知道Fancybox，当CSS设置失败时，它有时（奇怪地）抛出javascript错误。您确定包含了正确的CSS文件吗？-检查这个文件的内容。@RomanGorbatko我已经对娜塔莎的问题发表了评论below@RobinvanBaalenCSS和JS文件似乎都不正确，但是在本地它们都很好！看看我最后的评论：）我迷路了-我的src是fancybox/source/fancybox.js和fancybox/source/fancybox-thumbs.js，但这两个链接都指向一个HTML文件…我系统上的文件是js:）有什么想法吗？？？链接到Fancyboxi的CSS文件也发生了同样的事情只是fancybox/上发生了一些奇怪的事情而已。。。。文件夹路径。。。。好了，为你的帮助干杯