这篇文章主要介绍了 基于jquery easyui 选中特定的tab的相关资料,需要的朋友可以参考下
获取选中的 Tab
// 获取选中的 tab panel 和它的 tab 对象
var pp = $('#tt').tabs('getSelected');
var tab = pp.panel('options').tab; // 相应的 tab 对象
PrestaShop中国版,含全球统一版本的所有特性,改善了中文应用操作。PrestaShop是一个功能丰富,基于PHP5开发的Web2.0网上购物系统。超过40种语言支持,多货币支持,功能强大丰富,可自由定制、安装、卸载功能模块等,国际化电子商务理想选择。
更新特定的选项卡面板 可使用update方法,param参数包含2个属性:
tab: 将被更新的选项卡。
options: 选项卡相关配置项。
Example:
//当前tab
var current_tab = $('#frame_tabs').tabs('getSelected');
$('#frame_tabs').tabs('update',{
tab:current_tab,
options : {
content : '',
//或者 href : '';
}
});
$(document).ready(function() {
$('#frame_tabs').bind('dblclick',function(){
var title = $('.tabs-selected').text();
$('#frame_tabs').tabs('close',title);
})
});
Re: Tabs初始化时如何让特定的tab处于选中状态
lyw985lyw985 27 Aug 2010, 10:44
$('#tt').tabs('update',{
tab:$('#tt').tabs('getTab','Tab2'),
options:{
selected:true
}
});
目前我项目中使用是的是
//这样在加载的时候就选中状态了 可以在后台保存一个全局变量,然后赋值到界面,通过JS取界面的值,然后判断设置增加 data-options="selected:true" function setTab() { var sTab = $("#selectTab").val(); if (sTab == "1") { $("#tabs").tabs("select", 0); } if (sTab == "2") { $("#tabs").tabs("select", 1); //$("#tabs-2").attr("data-options", "selected:true"); } if (sTab == "3") { $("#tabs").tabs("select", 2); } if (sTab == "4") { $("#tabs").tabs("select", 3); } }
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
利用jQuery实现WordPress中@的ID悬浮显示评论内容









