如何在加載父頁面之前加載子頁面？

我有一個父頁面和該頁面中的一些標籤...每個標籤頁都會顯示一個頁面，也就是說，我在一個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" />

來源

2013-03-22 mukund

爲什麼只有當您點擊子選項卡時才加載您的內容？ – hungdoan 2013-03-22 06:36:33

但如何做到這一點....當主頁面加載第一次，第一個標籤頁也應該加載... – mukund 2013-03-22 06:39:28

如果您使用的是JSP單頁，您可以做的只是最小化。因爲一旦服務器呈現整個JSP，就會向瀏覽器發送內容，瀏覽器將呈現它。所以我建議你使用AJAX來獲取你的內容，並在進入它們時動態地將它們放入標籤中。

或者你可以讓你的子頁面有一個地方加載父頁面（或頁面導航器）。通過這種方式，延遲將會縮短，因爲它也會在服務器端進行編譯。

來源

2013-03-22 06:55:36 dinesh707

我解決了這個問題....現在我有另一個問題...在Firefox ，當主頁面被加載時，它會被刷新爲頁面中選項卡數量的倍數......我怎樣才能避免這種情況？ – mukund 2013-03-22 10:43:40

如何在加載父頁面之前加載子頁面？

回答

相關問題