实施标签 - 我的方法会有问题吗？

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的div，但对于当前不活动的选项卡，我将不得不拆分字符串，因为我将标记{{ 1}}在每个js创建的div的末尾。）

这会有用吗？有更好的方法吗？

Answer 1

据我说， 更好的方法是使用jquery库和Ui库 http://jqueryui.com/demos/tabs/ 看到ajax页面的例子。