實施選項卡 - 我的方法會有問題嗎？

Question

我的頁面的佈局：

<div id="header">This is where you select tabs</div> 
<div id="main"> 
    <div id="left">Main Content</div> 
    <div id="right">Sidebar</div> 
</div> 
<div id="bottom"> 
    <form> 
     <input id="msgForm" type="text" name="chat" size="100"/> 
     <input id="enterB" type="submit" value="enter"/> 
    </form> 
</div> 

左右時，需要選擇在頭另一選項卡改變的內容。我正在考慮將每個製表符的innerHTML放入一個數組中，並且當我想切換製表符時，我只需要arrayOfContent[currentTabId] = getElementById("left").innerHTML; getElementById("left").innerHTML = arrayOfContent[switchTabId]

而且對於右側也是如此。這個頁面將使用ajax請求來添加div和刪除舊的div（對於當前標籤，我可以通過id刪除javascript，但對於當前不活動的標籤，我將不得不拆分字符串，因爲我將標記爲<!-- SPLIT ME -->每個js創建div的結尾。）

這項工作？有更好的方法嗎？

Answer 1

根據我， 更好的辦法是使用jQuery庫和UI庫 http://jqueryui.com/demos/tabs/ 看到AJAX頁面的例子。