-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 回答