0

だから私はこのような写真のギャラリーを持っています：

<div id="gallery">
  <a href="thumb1.jpg" class="fancybox">
    <img class="item"  src="thumb1.jpg">
  </a>
  ...
</div>

私はそのように私の画像リンクでfancyboxを初期化します...

jQuery(document).ready(function() {
    jQuery('.fancybox').fancybox();
});

...しかし何も起こりません-私のギャラリーの画像をクリックすると、hrefされた画像にリンクするだけです。

Chromeコンソールからエラーが発生せず、すべての要素jQuery('.fancybox')が正しく選択されています。<a>

fancyboxが機能しないように見える理由はありますか？

4

2 に答える 2

5

あなたのチェックリスト（この順番でファイルをロードしてください）：

  1. 最初に jQuery js ファイルをロードします。このファイルのインスタンスが 1 つ、できれば最新バージョンであることを確認してください (他のプラグインには、プラグインのインストール時に読み込まれるバージョンの jQuery が含まれています)。

  2. ファンシーボックスの js ファイルと css ファイルをロードします。(完全な) パスが正しいことを確認します (ソース コードを調べてそれらのファイルのリンクをクリックすると、ソース スクリプトが表示されます。そうでない場合は、エラー 404 ページの html が表示されます)。

  3. カスタム ファンシーボックス スクリプトをロードします。また、すべてのタグがまたはタグ<script>の内側にあることを確認してください(スクリプトが間にあるコードを見たことがあります)。<head><body>

  4. 最後に、ドキュメントに適切なDOCTYPE. また、構文エラーやタグが適切に閉じられていないかどうかも確認してください。

上記のコードと同じ初期化を使用した完全な例を参照してください。

于 2012-12-16T23:28:13.583 に答える
2

FancyBoxとjQueryの最新バージョンを使用していることを確認してください。

于 2012-12-17T02:44:56.750 に答える