jQuery 插件在 ajax 完成回调期间不可用

Question

当用户单击链接时，我使用 jQuery fancybox 插件显示一个 iframe，其中包含有关记录的上下文信息。

ajax 成功回调运行时未找到 .fancybox() 插件。类似于以下内容：

$(function() {
    Widgets = {
        show_dialog: function(width, height) {
            $('.fancybox').fancybox({ fancybox settings here});
        }
    }
});

当上面的 Widgets 对象通过检查其后面的断点来定义时，我可以看出 fancybox 已加载并可用。我还可以通过将 show_dialog 函数包装在匿名函数中来修复此函数的调用，该函数的作用域 $ 如下所示：

$(function() {
    Widgets = {
        show_dialog: function($) { return function(width, height) {
            $('.fancybox').fancybox({ fancybox settings here});
        }; }($)
    }
});

更多背景...我正在使用 postMessage jQuery 插件将消息从子框架发送到父框架，如果这很重要（我认为不应该）

任何人都可以解释发生了什么事吗？几乎感觉 $ 在页面执行的后期被重新分配，但我没有在任何地方加载它。

编辑：将 fancybox 的范围更新为 $('.fancybox').fancybox(

Answer 1

在我看来，您需要将该调用附加到某种对象，即： $("a.text").fancybox({opts});

您看到的错误是什么？您实际上是从框架页面还是父页面执行此代码吗？