0

FancyBoxを機能させるのに問題があります...私はそれがかなり単純なものだと思いますが、私はまだWebデザインの初心者であり、プロセスは今私には少し混乱しています。これは私がこれまでに持っているものです：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="chrome=1">


    <!-- ******************* CSS ******************* -->
    <link rel="stylesheet" href="/fancybox/jquery.fancybox.css" type="text/css" media="screen" />

    <!-- ******************* Javascript ******************* -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript" src="./fancybox/jquery.fancybox.pack-1.3.4.js"></script>
    <script type="text/javascript" src="./fancybox/jquery.fancybox.pack-1.3.4.pack.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("a.iframe").fancybox();
        });
    </script>
</head>
<body>
    <a class="iframe" href="./iFrameFancy.html">Test FancyBox Here!</a>
</body>

私が得ているエラーはSOでかなり人気がありますが、言及されているすべての修正を探しましたが、まだ何も機能していません。これは私が得ているものです：

Uncaught TypeError: Object #<Object> has no method 'fancybox'

これに関する助けをいただければ幸いです。皆さんありがとう！

4

2 に答える 2

1

fancyboxを2回ロードしています（通常のソースのものとパックされたもの）。また、src属性からドットを削除し、ファイルが指定した場所にあることを確認します

だからこれを変更する

<script type="text/javascript" src="./fancybox/jquery.fancybox.pack-1.3.4.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox.pack-1.3.4.pack.js"></script>

これに

<script type="text/javascript" src="/fancybox/jquery.fancybox.pack-1.3.4.js"></script>

またはこれだけ

<script type="text/javascript" src="/fancybox/jquery.fancybox.pack-1.3.4.pack.js"></script>

両方ではありません

于 2012-10-11T17:56:29.163 に答える
0

同じページにfancyboxjsファイルを2回含めないようにしてください。

于 2012-10-11T17:55:53.387 に答える