您的位置：首页 > 产品设计 > UI/UE

easyui动态添加tab标签

2018-01-18 19:17 357 查看
easyui核心文件和皮肤就不引了，直接上代码。。。。希望对需要的人有帮助。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>easyui动态添加tab标签</title>
<script type="text/javascript">
function addTab(title,url){
if($("#tt").tabs('exists',title)){
$("#tt").tabs('exists',title);
}else{

var content='<iframe scorlling="auto" frameborder="0" src="'+url+'" style="height:600px;width:1200px"></iframe>';
$("#tt").tabs('add',{
title:title,
content:content,
closable:true
});
}
}
</script>
</head>
<body>

<div style="margin-bottom: 10px">
<a href="#" class="easyui-linkbutton" onclick="addTab('csdn','http://www.csdn.net/jhkjcb/')">csdn</a>
<a href="#" class="easyui-linkbutton" onclick="addTab('jquery','http://www.jquery.com')">jquery</a>
<a href="#" class="easyui-linkbutton" onclick="addTab('baidu','http://www.baidu.com')">baidu</a>
</div>
<div id="tt" class="easyui-tabs" style="width: 1200px;height: 600px;">
<div title="home"></div>
</div>

</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航