jquery ui tabs获取选中的实现代码
本文导语: 实现jquery ui tabs获取选中，即当jquery ui tabs选项卡初始化之后，在别的操作中，如何判断当前页面中的那个选项卡选中的是哪一项？！ 需注意以下几点： 第一，获得选中的tab：var selectedTab = $(‘#tb’).tabs(‘getSelected’); 第二，...
实现jquery ui tabs获取选中，即当jquery ui tabs选项卡初始化之后，在别的操作中，如何判断当前页面中的那个选项卡选中的是哪一项？！
需注意以下几点：
第一，获得选中的tab：var selectedTab = $(‘#tb’).tabs(‘getSelected’);
第二，获得原有属性：var titleInfo = selectedTab.panel(‘options’).title;
var contenturl = selectedTab.panel(‘options’).content;
第三，刷新原来的标签页面：$(‘#tb’).tabs(‘update’, {…….更多的详情，见下面的详细代码及其中的注释：
1、javascript代码
function addTab(id, name, content) {
var exists = $('#tb').tabs('exists', name);
content = '';
if (exists) {
$('#tb').tabs('select', name);
//获得选中的tab
var selectedTab = $('#tb').tabs('getSelected');
//获得原有属性
var titleInfo = selectedTab.panel('options').title;
var contenturl = selectedTab.panel('options').content;
//刷新原来的标签页面
$('#tb').tabs('update', {
tab : selectedTab,
fit : true,
options : {
title : titleInfo,
content : content
}
});
} else {
$('#tb').tabs('add', {
title : name,
index : id,
iconCls : 'icon-save',
closable : true,
content : content,
tools : [ {
iconCls : 'icon-mini-refresh',
handler : function() {
}
} ]
});
}
}
有兴趣的朋友，可以自行测试下，看看效果如何？
您可能感兴趣的文章:
本站(WWW.)站内文章除注明原创外，均为转载、整理或搜集自网络。欢迎任何形式的转载，转载请注明出处。