TypeError：$（“＃view_map”）。fancybox不是一个函数

Question

我在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，这是我的fancybox的全部内容

Answer 1

你没有加载fancybox脚本，你正在加载jQuery和缓动脚本（平滑动画）。

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

Edit: Dont forget the CSS file either.

Answer 2

您是否包含了fancybox功能的脚本？例如

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

（如下所述，更改路径和文件名以反映您的文件结构和fancybox版本。）

Answer 3

由于我的原始帖子，我从我的网站上删除了fancybox。从来没有找到解决方案，但感谢您的帮助！

Answer 4

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

所以我把我的jquery降级到了1.8，然后又恢复了工作。

Answer 5

如果您使用新版本的jQuery，则必须添加jQuery migrate plugin http://code.jquery.com/jquery-migrate-1.2.1.min.js