0

我在让 FancyBox 工作时遇到了一些问题……我认为它非常简单，但我仍然是网页设计的初学者，这个过程现在让我有点困惑。这是我到目前为止所拥有的：

<!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 两次（正常源一个和打包一个）。还要从您的 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

尽量不要在同一页面上包含两次 fancybox js 文件。

于 2012-10-11T17:55:53.387 回答