Question

我有一个父页面和该页面中的一些标签...每个标签都会显示一个页面，也就是说，我在一个jsp页面中有6个页面....我的问题是当我加载主页面时，主页面的一部分首先加载，它需要一些时间来加载选项卡中的页面....所以它看起来很奇怪...我怎么能避免这....有没有办法加载孩子页面首先在内部，然后显示父页面？或者还有其他方法可以解决这个问题吗？.... 我已经包含了如下页面.... 以下代码是创建选项卡.....

<div id="tabs">
    <ul>
        <li id="planDetails-tab"><a id="hrefPlanDetailsid" accesskey="p" href="#divPlanDetailsTab" class="planTabHeader">&nbsp;Plan Details</a></li>
        <li id="testPlan-tab"><a id="hrefTestPlanid" accesskey="t" href="#divTestPlanTab" class="planTabHeader">&nbsp;&nbsp;Test Plan&nbsp;&nbsp;&nbsp;</a></li>                        
        <li id="serviceArea-tab"><a href="#divServiceAreaTab" accesskey="s" class="planTabHeader">Service Area</a></li>
        <li id="rates-tab"><a href="#divRatesTab" accesskey="r" class="planTabHeader">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rates&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
        <li id="benefits-tab"><a href="#divBenefitsTab" accesskey="b" class="planTabHeader">&nbsp;&nbsp;&nbsp;&nbsp;Benefits&nbsp;&nbsp;&nbsp;</a></li>
        <li id="network-tab"><a href="#divNetworkEcpTab" accesskey="n" class="planTabHeader">Network ECP</a></li>
        <li id="historical-tab"><a href="#divHistoricalTab" accesskey="h" class="planTabHeader">&nbsp;&nbsp;Historical&nbsp;&nbsp;&nbsp;</a></li>
        <li id="directory-tab"><a href="#divDirectoryTab" accesskey="d" class="planTabHeader">&nbsp;&nbsp;&nbsp;Directory&nbsp;&nbsp;</a></li>
    </ul>

以下代码是关于我如何包含页面...（我只提到了一页供参考）

<s:include value="PlanDetail.jsp" />

Answer 1

如果您使用的是JSP单页，那么您可以做的就是最小化。因为一旦服务器呈现整个JSP，它就会将内容发送到浏览器，浏览器将呈现它。所以我建议你使用AJAX来获取你的内容，并在你进入它们时动态地将它们放在标签中。

或者您可以让您的子页面具有加载父页面（或页面导航器）的部分。这样延迟就会缩短，因为它也会在服务器端进行编译。

如何在加载父页面之前加载子页面？

1 个答案: