jQuery：Fancybox 使用 ajax 在 chrome 中产生错误循环答案

【问题标题】：jQuery: Fancybox produces a loop of errors in chrome using ajaxjQuery：Fancybox 使用 ajax 在 chrome 中产生错误循环
【发布时间】：2011-06-30 13:50:26
【问题描述】：

这是我的代码：

<a href="url" class="fancybox">Text</a>
jQuery(document).ready(function() {
    jQuery(".fancybox").fancybox({
        'overlayShow': true,
        'hideOnContentClick': false
    });
});

显示框，加载内容但在chrome的错误控制台“Uncaught TypeError: Cannot call method 'width' of undefined”。

盒子可以关闭，但无法再次打开。

我正在使用 FB 1.3.4 和 jQuery 1.5.1。

【问题讨论】：

标签： jquery google-chrome fancybox

【解决方案1】：

我之前也遇到过同样的问题，原因是我将fancybox.1.3.4.js 文件加载到了fancybox 首先加载的文件中。

如果您也这样做，那将是问题所在。否则我不知道。

【讨论】：

非常有用的答案，谢谢：D。当我使用 AJAX 调用 rails 操作时，它正在重新加载 application.html.erb，它正在再次调用 jquery.fancybox-1.3.4.pack。
感谢您指出正确的方向。我遇到了类似的问题，但我的是重复的 jquery。谢谢

【解决方案2】：

问题是由您没有提到使用 iframe 的代码引起的。

你必须像这样声明：

$('a[rel^=iframe_group]').fancybox({
    'autoDimensions'    : false,
    'autoScale'     : false,    
    'width'         : '50%',
    'height'        : '80%',
    'transitionIn'      : 'none',
    'transitionOut'     : 'none',
    **'type'            : 'iframe'**
});

【讨论】：

非常感谢您发布此答案。我遇到了同样的问题，最终被您的回答解决了。