Javascript jqueryuiiframe问题

我已经为我们慈善组织的web仪表板开发了一个iframe，这给了我一些关于jQueryUI的问题

在实际的iframe上，选项卡和accordian未按预期工作。在页面顶部，您将看到一对，但实际上无法从一个更改到另一个。

奇怪的是，只要iframe加载到我们的drupal站点中，iframe就可以完美地运行。

不幸的是，当iframe加载到另一个组织Wordpress站点时，情况就不一样了

---

有什么想法吗？我已经试着调试了好几个小时了。我已经尝试逐个加载drupal调用的所有外部脚本，以查看其中一个脚本是否必要，但这对我没有帮助。

问题是页面要求自己位于iframe中。我注意到，每次选择选项卡时，它都会调用以下函数：

function sizeFrame() {
    var F = window.parent.document.getElementById("realtime-dashboard");
    if(F.contentDocument) {
        F.height = F.contentDocument.documentElement.scrollHeight+30; //FF 3.0.11, Opera 9.63, and Chrome
    } 
    else {
        F.height = F.contentWindow.document.body.scrollHeight+30; //IE6, IE7 and Chrome
    }       
}

在执行此函数时，它将查找父文档（其中没有父文档），并为我抛出错误

F is null

（在Firefox的错误控制台中），然后触发其余javascript

尝试在处理iframe不存在的函数中插入一个null if语句测试，我怀疑这会导致页面的其余部分按预期工作

---

希望有帮助。

谢谢！这似乎已经做到了。我在调试时考虑过这一点，但我不明白这如何解释为什么它不能在我的客户wordpress站点上作为iframe工作——仍然不确定，但它可以工作！