0

私は自分の画像に Fancybox を設定しました

<a class="fancybox fancybox.iframe" href="products.php?prod_id=36">
    <div class="prod-img">
        <img src="images/products/Apples_Red_Delicious.jpg" style="max-height:114px; max-width: 114px;" alt="Apples Red delicious  ($3.99kg)"/>
    </div>
</a>

そして、ドキュメントレディセットのスクリプトを手に入れました

$(document).ready(function() {
    $('.fancybox').fancybox({
        width: 560,
        autoHeight: true,
        scrolling: 'no'
    });
});

(type: 'iframe'必要がなく、違いがなかったので、スクリプトから削除されました)

しかし、それは私のためにFancyboxにページをロードしません!

同じフォルダー内の別のドキュメントからコードを文字通りコピーして貼り付けましたが、そこでは機能しますが、ここでは機能しません。

リンクを移動して標準テキストだけをラップしようとしましたが、まだうまくいきません

http://www.dpdesignz.co.nz/homefresh/shop.php?prod=1でページをプレビューできます。何が問題なのか誰にもわかりますか？

4

3 に答える 3

1

次のように、iframe を引用符で囲んでみてください。

     type: 'iframe'
于 2012-09-18T12:47:18.073 に答える
1

上記のことは真実でしたが、あなたのページの本当の問題は検証プラグインです

これを削除して試してください

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

紛争があるようです。

ところで、検証エンジン プラグインを使用することをお勧めします。 http://www.position-relative.net/creation/formValidator/index.html

于 2012-09-18T13:22:56.387 に答える
0

type:iframe引用符なしで '' を使用すると、エラーが発生します。そのため、タイプ iframe に一重引用符を追加して、ファンシー ボックス呼び出しを以下のコードに置き換えてみてください。

$('.fancybox').fancybox({
        width: 550,
        height: 590,
        type: 'iframe'
    });

これがあなたを助けることを願っています

于 2012-09-18T12:54:14.060 に答える