使用 Fancybox 的问题

Posted 2023-05-09

【中文标题】使用 Fancybox 的问题

【英文标题】：Issue in using Fancybox

【发布时间】：2013-07-24 06:56:29

【问题描述】：

我是新来使用fancybox。 我为fancybox源文件添加了正确的路径，我在chrome和firefox中都试过了，两个控制台都返回错误

ReferenceError: jQuery 未定义 [Break On This Error]

(窗口、文档、jQuery));

jquery...ybox.js (line 2020) TypeError: $(...).fancybox is not a 函数[中断此错误]

“类型”：“iframe”

我的代码是

>

 $(document).ready(function() 
>       $("#iframe").fancybox(
>     'width'         : '75%',
>     'height'        : '75%',
>     'autoScale'     : false,
>     'transitionIn'  : 'none',
>     'transitionOut' : 'none',
>     'type'          : 'iframe' );    );

<a id="iframe" href="/cms/new.php">Submit</a>

谁能找出我的问题并给我解决方案？

【问题讨论】：

您确定您使用的是 fancybox 2（您使用的是 v1.3.4 的 API 选项）？什么版本的jQuery？如果您查看源代码并单击指向 jQuery 和 fancybox js 文件的链接：您能看到代码吗？有链接吗？

【参考方案1】：

您可能没有链接到适当的 fancybox 源文件。 确保在您的脑海中只包含一次：

<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-1.3.4.pack.js"></script>

更多信息请参见this question。

【讨论】：

对你来说不言自明的东西对其他人来说可能很难。如果 OP 是一个新的编码器并且不了解需要包含 jquery，它可能会令人困惑。毫不客气地提供帮助。

我从来没有表现出居高临下的意思，如果他受到任何侮辱，我向 OP 道歉。我编辑了我的答案。 :)