Jquery手风琴内的iFrame

我有一个页面，在JQuery手风琴中嵌入了iFrame。

JS：

$(function() { $("#doc_accordion").accordion(); });

HTML：

   1
   
 TESTING
  TESTING2

出于某种原因，我看不到嵌入式iFrame，但我可以看到手风琴。此外，如果我删除行$("#doc_accordion").accordion()然后我可以看到iFrame正确嵌入页面。有没有其他人遇到过类似的问题？

我相信这是因为IE不会呈现隐藏元素的孩子。作为一种解决方法，您可以在手风琴之外加载1px x1xx iframe，并在加载iframe后将其移动到手风琴中。这是一个例子：

   Widget

一个选项可能正在使用以下内容：

 $(document).ready(function() { $("#doc_accordion").accordion(); });

据我所知，手风琴隐藏了未显示的元素，这可能会干扰将页面加载到Iframe中。

我测试了你的代码，在Mac上的Firefox和Safari以及PC上的IE7上看起来很好。我可以正确地看到iframe。它可能是一个浏览器或CSS问题？

您是否尝试过声明周围div标签的宽度和高度？您可以使用click（）函数进行设置。但在此期间尝试手动添加’style =“width：600px; height：500px;”’到div标签以进行测试。

它也可能与您正在使用的jQuery脚本有关。我在head标签中使用了这两个js脚本：

我即将开始尝试手风琴和iframe（因此感兴趣）……