-1

令人惊讶的是,我找不到其他人有这个问题,这意味着我做错了什么。据我了解,浏览器首先读取PHP,对吗?

我正在使用 jQuery UI 来显示选项卡式视图,如下所示:

<script>
        $(function() {
            $("#tabs").tabs();
        });
</script>

非常简单......在选项卡式视图中,我有一段很长的 PHP 代码,它从服务器获取系统状态信息,并在其中一个选项卡中显示此信息,称为“系统状态”,如下所示:

                   <div id="tabs">
                        <ul>
                            <li><a href="#tabs-1">System Status</a></li>

                        </ul>
                        <div id="tabs-1">
                            <?php //Lengthy PHP script ?>
                    </div>

通常 PHP 加载速度如此之快,以至于在加载 jQuery UI 选项卡之前您无法判断 PHP 正在加载。在这种情况下,当浏览器加载 PHP 脚本并在加载 UI 之前获取服务器端信息时,您会看到显示一些文本,这会导致我的 GUI 看起来非常糟糕。

我已经用谷歌搜索了这个问题,但无法弄清楚如何简单地强制 jQuery 在 PHP 代码之前执行代码,这样当 PHP 代码在其中执行时,您将首先看到我漂亮的选项卡式 UI。任何帮助或指向正确方向都会很棒。哦,如果我在这里完全遗漏了一些重要的东西,我也很擅长接受教育并用硬计算机科学打耳光。谢谢你。

4

2 回答 2

1

你可以给你的标签内容一个类,例如content并在css中制作它display:none

<div id="tabs-1" class="content">

因此,在浏览器加载 PHP 脚本时显示的文本将不可见,并且在加载选项卡时,默认情况下您将看到当前选项卡的内容

小提琴

于 2013-09-11T21:15:18.577 回答
0

Jquery Ui 选项卡,支持 Ajax 调用。因此,您需要另一个页面或控制器,其中包含您要显示的数据。

在官方页面中解释得更好。

http://jqueryui.com/tabs/#ajax

相信,比你想象的更容易。

于 2013-09-11T21:20:44.040 回答