-1

私は初めて fancyBox をテストしていますが、ハードルにぶつかりました。

開発者のWeb サイトの指示に従って、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

2

ファイルhttp://www.universalphysique.co.uk/fancybox/source/jquery.fancybox.jsおよびhttp://www.universalphysique.co.uk/fancybox/source/helpers/jquery.fancybox-thumbs.js? v=1.0.7には JS ではなく HTML が含まれます。

于 2013-07-22T20:33:54.677 に答える