如何使用jquery easyui創(chuàng)建標(biāo)簽組件

更新時間：2015年11月18日 11:19:15 投稿：mrr

這篇文章主要介紹了如何使用jquery easyui創(chuàng)建標(biāo)簽組件的相關(guān)資料,需要的朋友可以參考下

jQuery EasyUI v1.4.4 下載網(wǎng)址：http://m.fzitv.net/codes/70218.html

本教程將展示如何使用easyui創(chuàng)建一個標(biāo)簽組件。標(biāo)簽可以動態(tài)地添加或刪除多個面板，你可以使用標(biāo)簽在同一個頁面上顯示不同的實體。

標(biāo)簽一次只能顯示一個面板，每個面板都有標(biāo)題、圖表和關(guān)閉按鈕。當(dāng)標(biāo)簽被選中之后，會顯示相應(yīng)面板的內(nèi)容。

使用HTML標(biāo)記創(chuàng)建標(biāo)簽，其中包括一個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>

我們創(chuàng)建具有三個面板的一個標(biāo)簽組件，第二個和第三個面板可以通過點擊關(guān)閉按鈕關(guān)閉。

您可能感興趣的文章:

相關(guān)文章

jquery datatable服務(wù)端分頁
這篇文章主要為大家詳細介紹了jquery datatable服務(wù)端分頁，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-08-08
詳解jQuery移動頁面開發(fā)中的ui-grid網(wǎng)格布局使用
這篇文章主要介紹了jQuery移動頁面開發(fā)中的ui-grid網(wǎng)格布局使用,以講解多列頁面布局方式為主,需要的朋友可以參考下
2015-12-12
jquery ui dialog替代confirm實例分析
這篇文章主要介紹了jquery ui dialog替代confirm的實現(xiàn)方法,結(jié)合實例形式分析了jQuery ui插件的dialog模擬confirm功能的具體步驟與實現(xiàn)技巧,需要的朋友可以參考下
2016-01-01
Jquery實現(xiàn)瀑布流布局（備有詳細注釋）
這篇文章主要介紹了Jquery實現(xiàn)瀑布流布局的方法,可實現(xiàn)圖片的動態(tài)加載功能,且代碼備有詳細注釋便于理解,需要的朋友可以參考下
2015-07-07
利用JQuery動畫制作滑動菜單項效果實現(xiàn)步驟及代碼
滑動菜單項效果,聽起來就是很時尚的一個效果，不過實現(xiàn)起來有些麻煩，還好有本文的出現(xiàn)，可以幫助你解決這個困惑，熱愛特效的你可不要錯過了哈，好了話不多說切入正文
2013-02-02
jQuery 獲取瀏覽器所在的IP地址的小例子
這篇文章介紹了jQuery 獲取瀏覽器所在的IP地址的小例子，有需要的朋友可以參考一下
2013-11-11
jquery實現(xiàn)鍵盤左右翻頁特效
jQuery實現(xiàn)網(wǎng)頁上鍵盤左右方向鍵翻頁代碼,我們在很多小說網(wǎng)站經(jīng)?？吹竭@樣的效果,這樣可以給網(wǎng)站提高用戶體驗,方便訪客翻頁使用,從而大大提高了網(wǎng)站PV
2015-04-04
Jquery插件寫法筆記整理
大部分jQuery插件都是這種類型的插件，由于這種插件是將對象方法封裝起來，在jQuery選擇器獲取jQuery對象過程中進行操作，從而發(fā)揮jQuery強大的選擇器優(yōu)勢
2012-09-09
40款非常有用的 jQuery 插件推薦（系列一）
jQuery 是一個非常優(yōu)秀的 JavaScript 框架，在現(xiàn)在的 Web 開發(fā)項目中扮演著重要角色。jQuery 使用簡單靈活，同時還有許多成熟的插件可供選擇，它可以幫助你在項目中加入一些非常好的效果，讓網(wǎng)站有更好的可用性和用戶體驗
2011-12-12
jquery uploadify 在FF下無效的解決辦法
這篇文章主要介紹了jquery uploadify 在FF下無效的解決辦法,很實用，需要的朋友可以參考下
2014-09-09