fancybox实现问题，＆＃34; TypeError：undefined不是函数＆＃34;

Question

我试图实现fancybox 2.15并且我没有得到任何错误但是当我尝试编写调用插件的任何jquery代码时它给了我这个错误：“TypeError：undefined不是函数”

我尝试的代码是：

$("#fancybox").fancybox();

这是我的HTML：

<div class="fancybox" id="fancybox" style="display: none;">
                    Användarnamn: <input type="text" />
                    Lösenord: <input type="password" />
    </div>

我正在加载5个fancybox.js文件：

jquery.fancybox.js
jquery.fancybox-buttons.js
jquery.fancybox-media.js
jquery.fancybox-thumbs.js
jquery.fancybox.pack.js

问题是什么？

Answer 1

如果要在页面加载时打开容器#fancybox的内容，请使用此代码并定位隐藏DIV

的ID

$.fancybox({
    href: "#fancybox"
});

参见 JSFIDDLE

注意：

您使用 jquery.fancybox.js 或 jquery.fancybox.pack.js 但不能同时使用（未压缩版本用于查看源代码）包装版本，尺寸较小，可在您的生产现场使用）