easyui初始化隐藏tabs
本示例实现jquery easyui在初始化的时候，自动隐藏其他tab。easyui tabs有3个tab，现在只显示title2选项卡，其他2个tabs选项卡隐藏起来。
备注：请用easyui1.3+版本测试，低于这个版本的easyui隐藏其他tab有UI bug，默认显示的tab的内容部分被隐藏起来了。
源代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>easyui初始化隐藏tabs</title>
<link rel="stylesheet" type="text/css" href="../../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../../themes/icon.css">
<link rel="stylesheet" type="text/css" href="../demo.css">
<script type="text/javascript" src="../../jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../../jquery.easyui.min.js"></script>
</head>
<body>
<div class="easyui-tabs" fit="true" id="div0">
<div id='div1' title="title1" style="padding:10px;">div1
</div>
<div id='div2' title="title2" style="padding:10px;">div2
</div>
<div id='div3' title="title3" style="padding:10px;">div3
</div>
</div>
<script>
$(function () {
var selected = 'title2';//默认显示的tab标题
$('#div0').tabs('select', selected);
var ctab = $('#div0').tabs('tabs'), opts;
for (var i = 0; i < ctab.length; i++) {
opts = ctab[i].panel('options');
if (opts.title != selected) {
ctab[i].hide();
opts.tab.hide();
}
}
});
</script>
</body>
</html>
加支付宝好友偷能量挖...
原创文章，转载请注明出处：easyui初始化隐藏tabs