溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關jQuery中EasyUI選項卡面板tabs怎么用，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
1、 對選項卡面板區域 div 設置 class=”easyui-tabs”
2、 對選項卡面板區域添加多個 div，每個 div 就是一個選項卡（每個面板一定設置 title）
3、 設置面板 fit 為 true ，自適應父容器大小
4、 設置選項卡 closable 為 true ，添加可關閉按鈕
5、通過超鏈接，點擊后，添加新的選項卡
語法： 頁面對象.easyui 插件(方法名, 參數) ;
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>easyui-選項卡面板tabs的使用</title>
<!-- 導入jquery核心類庫 -->
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
<!-- 導入easyui類庫 -->
<link id="easyuiTheme" rel="stylesheet" type="text/css" href="../js/easyui/themes/default/easyui.css" rel="external nofollow" >
<link rel="stylesheet" type="text/css" href="../js/easyui/themes/icon.css" rel="external nofollow" >
<link rel="stylesheet" type="text/css" href="../css/default.css" rel="external nofollow" >
<script type="text/javascript" src="../js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
//頁面加載后執行
$(function(){
//對鏈接綁定點擊事件
$("#nwtxxb").click(function(){
//添加一個新的選項卡
$("#mytabs").tabs('add',{
title:'CSDN博客',
content:'學IT，你我他學習吧'
});
});
});
</script>
</head>
<body class="easyui-layout">
<div data-options="region:'north',title:'你我他學習吧-學習Java的好博客！'" ></div>
<div data-options="region:'west',title:'菜單導航'" >
<!--折疊面板-->
<div class="easyui-accordion" data-options="fit:true">
<div data-options="title:'基礎菜單'">
<a href="javascript:void(0)" rel="external nofollow" id="nwtxxb">你我他學習吧</a>
</div>
<div data-options="title:'系統菜單'">你我他學習吧</div>
</div>
</div>
<div data-options="region:'center',title:'中部區域'">
<!--選項卡面板-->
<div id="mytabs" class="easyui-tabs" data-options="fit:true">
<div data-options="title:'CSDN博客',closable:true">學Java后臺編程，就來你我他學習吧！</div>
<div data-options="title:'博客園',closable:true">學前端開發，就來你我他學習吧！</div>
</div>
</div>
<div data-options="region:'east',title:'東部區域'" ></div>
<div data-options="region:'south',title:'南部區域'" ></div>
</body>
</html>關于“jQuery中EasyUI選項卡面板tabs怎么用”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
