jquery ui tabs判断已经存在
2个回答
展开全部
绑定选项click方法,传递title值,如果mainContent的值匹配到该title,就不添加tab,否则添加
<div id="tabsMenu">
<a href="javascript:void(0);" title="tab1" rel="/tab1">tab1</a>
<a href="javascript:void(0);" title="tab2" rel="/tab2">tab2</a>
<a href="javascript:void(0);" title="tab3" rel="/tab3">tab3</a>
</div>
<div id="mainContent"></div>
js:
$("#tabsMenu a").click(function(){
var title = $(this).attr("title");
var url = $(this).attr("rel");
var exist = $('#tabs').tabs('exists', title); //判断是否存在tabs选项卡了,返回false或true
if (!exist && url != undefined) {
$('#tabs').tabs('add',{
title:title,
content:"<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>",//这个地方具体还是得结合项目,创建新节点
closable:true,
icon:"icon-table"
});
}
else {
$('#tabs').tabs('select', title);//匹配到title,就显示这个窗口
}
})
大致是这样,结合easyUI的tabs选项卡api文档和自己项目调整吧
<div id="tabsMenu">
<a href="javascript:void(0);" title="tab1" rel="/tab1">tab1</a>
<a href="javascript:void(0);" title="tab2" rel="/tab2">tab2</a>
<a href="javascript:void(0);" title="tab3" rel="/tab3">tab3</a>
</div>
<div id="mainContent"></div>
js:
$("#tabsMenu a").click(function(){
var title = $(this).attr("title");
var url = $(this).attr("rel");
var exist = $('#tabs').tabs('exists', title); //判断是否存在tabs选项卡了,返回false或true
if (!exist && url != undefined) {
$('#tabs').tabs('add',{
title:title,
content:"<iframe scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;height:100%;"></iframe>",//这个地方具体还是得结合项目,创建新节点
closable:true,
icon:"icon-table"
});
}
else {
$('#tabs').tabs('select', title);//匹配到title,就显示这个窗口
}
})
大致是这样,结合easyUI的tabs选项卡api文档和自己项目调整吧
2015-09-21
展开全部
或许你应该先给出代码看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询