JQuery UI iframe问题

我为我们的慈善组织开发了一个web仪表板的iframe，它给了我一些jQuery UI的问题。JQuery UI iframe问题

在实际的iframe上，标签和手风琴没有按预期运行。在页面顶部，你会看到一对夫妇，但你实际上不能从一个转到另一个。 http://www.thegaiaproject.ca/charts/realtime-iframe.php?location=18

奇怪的是，只要iframe加载到我们的drupal站点中，iframe就可以完美运行。 http://www.thegaiaproject.ca/data/realtime-test?location=18

不幸的是，当iframe加载到另一个组织Wordpress站点时，也不能这么说。

任何想法？我一直在试图调试这个小时。我已经尝试加载所有的drupal一次一个调用的外部脚本来查看它们中的一个是否有必要 - 但这并没有帮助我。

来源

2012-01-30 bpmccain

问题是页面需要自己在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。

试着将test-for-null if语句放入处理iframe不存在的函数中，并且我怀疑它会导致页面的其余部分按预期工作。

希望它有帮助。

来源

2012-01-30 19:57:18

谢谢！这似乎已经做到了。我在调试时想到了这一点，但我不明白这是怎么解释为什么它不能在我的客户端WordPress网站上作为iframe工作 - 仍然不确定，但它的工作原理！ – bpmccain 2012-01-30 20:26:57

JQuery UI iframe问题

回答

相关问题