0

我的一个页面在 Firebug 中出现以下错误...

TypeError: $("#view_map").fancybox is not a function
    'overlayColor': '#333'

这是抛出它的代码......

    <script type="text/javascript">
        $(document).ready(function(){
            $('#view_map').fancybox({
                'autoDimensions': false,
                'width': 750,
                'height': 550,
                'padding': 0,
                'easingIn': 'swing',
                'easingOut': 'swing',
                'overlayOpacity': 0.75,
                'overlayColor': '#333'
            });
        });
    </script>

不管函数中的最后一个选项是什么,它都会将该选项放入错误中。那里有语法错误还是什么?我可以看出它有什么问题。

编辑:

这是对脚本的调用...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="http://www.triadbarspecials.com/fancybox/fancybox/jquery.easing-1.3.pack.js"></script>

(缓动包是 1.3.4;在某些时候我不小心从名称中删除了 .4。IDK 为什么)

这是函数中引用的 ID 的锚点......

<a id="view_map" href="#map" style="color: #fcb60e; text-decoration: none;">View Map</a>

map 是包含地图的 div,这就是我的幻想箱的全部内容

4

5 回答 5

2

您不是在加载fancybox 脚本,而是在加载jQuery 和缓动脚本(用于平滑动画)。

在缓动脚本之前调用您的 fancybox 脚本。

Edit: Dont forget the CSS file either.

于 2012-12-07T23:55:33.830 回答
1

自从我在此发表原始帖子以来,我已经从我的网站上删除了 fancybox。从来没有想出一个解决方案,但感谢您的帮助!

于 2012-12-31T16:45:30.383 回答
0

您是否包含了 fancybox 函数的脚本?例如

<script type="text/javascript" src="/fancybox/source/jquery.fancybox.pack.js?v=2.1.3"></script>

(如下所述,更改路径和文件名以反映您的文件结构和fancybox 版本。)

于 2012-12-07T23:56:15.080 回答
0

在我将 jquery 升级到 1.10 后,我遇到了和你一样的问题。

所以我将我的 jquery 降级到 1.8 并且它再次工作。

于 2013-09-24T06:54:18.797 回答
0

如果您使用新版本的 jQuery,您必须添加 jQuery 迁移插件http://code.jquery.com/jquery-migrate-1.2.1.min.js

于 2013-12-17T07:39:23.740 回答