jQuery 选项卡有时会将 iframe 高度设置为零

问：

我有一个使用jquery选项卡的页面，内容通过ajax加载

<script type="text/javascript">
    $(document).ready(function () {
        jqTabs("#tabs");
    });
</script>
.
.
.
<div id="tabs" class="fullWidth" style="visibility:hidden">
<li id="tabOne"><a href="#tab1">Tab1</a></li>
<li id="tabTwo"><a href="#tab2">Tab2</a></li>
<li id="tabThree"><a href="#tab3">Tab3</a></li>
</div>
.
.
.
<div id="tab1" title="tab1.aspx"></div>
<div id="tab2" title="tab2.aspx"></div>
<div id="tab3" title="tab3.aspx"></div>

大多数时候，这工作正常，我得到以下选项卡的 HTML：

<div id="tab1" title="tab1.aspx">
<iframe frameborder="0" scrolling="no" src="tab1.aspx" width="100%" height="100%" style="height: 1234px;"></iframe>
</div>

其中 1234px 是内容的高度。伟大！

偶尔和间歇性地切换到其中一个选项卡时，iFrame 的高度设置为 0。

<div id="tab1" title="tab1.aspx">
<iframe frameborder="0" scrolling="no" src="tab1.aspx" width="100%" height="100%" style="height: 0px;"></iframe>
</div>

这令人沮丧，因为它不一致，如果我使用浏览器开发工具手动将高度设置为其他内容，一切正常。只是由于某种原因没有正确设置高度。

谁能为我指出正确的方向 a） 为什么会发生这种情况，更重要的是 b） 如何解决它！