如何使用jquery easyui建立標籤元件_jquery

jQuery EasyUI v1.4.4 下載網址：http://www.jb51.net/codes/70218.html

本教學將展示如何使用easyui建立一個標籤元件。標籤可以動態地新增或刪除多個面板，你可以使用標籤在同一個頁面上顯示不同的實體。

標籤一次只能顯示一個面板，每個面板都有標題、圖表和關閉按鈕。當標籤被選中之後，會顯示對應面板的內容。

使用HTML標記建立標籤，其中包含一個DIV容器和一些DIV面板。

< div class="easyui-tabs" style="width:400px;height:100px;">
< div title="First Tab" style="padding:10px;">
First Tab
< /div>
< div title="Second Tab" closable="true" style="padding:10px;">
Second Tab
< /div>
< div title="Third Tab" iconCls="icon-reload" closable="true" style="padding:10px;">
Third Tab
< /div>
< /div>

我們建立具有三個面板的一個標籤組件，第二個和第三個面板可以透過點擊關閉按鈕關閉。