Php jQuery UI选项卡+；AJAX内容闪存（非FOUC）

我正在为下面的菜单+DIV组合使用jqueryui选项卡。第一个“DIV”（tc0）当前具有静态内容，但最后3个具有从3个PHP文件加载的动态内容（或AJAX）

<div id="tabs"><!--Tabs-->

<ul class="grid_12 alpha" id="hmenu"> 
    <li><a href="#tc0">Link 1</a></li>
    <li><a href="example1.php">Link PHP 1</a></li>
    <li><a href="example2.php">Link PHP 2</a></li>
    <li><a href="example3.php">Link PHP 3</a></li>
</ul>

<div class="grid_12 alpha tcon" id="tc0">
    <h2 class="grid_12">Dashboard</h2>
</div>

</div><!--/Close Tabs-->

仪表板

所有PHP文件都具有与div相同的结构，id=“tc0”。我只是没把它们都列出来。类“tcon”具有常规样式，不影响不透明度或显示。网格_12和alpha是960.gs的一部分

我的jQuery如下所示：

<script type="text/javascript"><!--//TABS-->
    $(document).ready(function(){
        $("#tabs").tabs({ fx: { opacity: 'toggle' } })
    });
</script><!--//END TABS-->

$（文档）.ready（函数（）{
$（“#选项卡”）.tabs（{fx:{opacity:'toggle'}）
});

问题如下：

<script type="text/javascript"><!--//TABS-->
    $(document).ready(function(){
        $("#tabs").tabs({ fx: { opacity: 'toggle' } })
    });
</script><!--//END TABS-->

• 从一个选项卡单击到另一个选项卡时，在显示新选项卡内容之前，当前选项卡内容将闪烁，然后完成不透明度

• 以前，当我所有的标签都有“静态”内容时，不透明效果很好，标签内容没有闪烁。现在，有了“php”内容，就有了flash

我不相信这是一个FOUC（未设置样式的内容闪烁），因为我的内容闪烁所有样式。问题在于，在转换到下一个选项卡之前，当前选项卡/内容会重新刷新

如果我删除“fx:opacity”组合，效果会很好

非常感谢您的任何想法