Jquery.ui.tab插件通过程序激活制定的tab方法

之前使用jquery的jquery-ui-1.7.2.tabs.js插件(http://docs.jquery.com/UI/Tabs),都是通过鼠标事件在页面点击来切换不同的tab,现在需要通过后台程序来控制,结果发现实现不了(很久了,懒得去看官网的说明),搞了几次都失败。无奈只好上官网看看,在此记录一下:

初始化tabs:
页面代码

<div id="tabs" style="margin: 0px;padding: 0px;">
<ul>
<li>
<a href="#tab1">×××× Location</a>
</li>
<li>
<a href="#tab2">×××× Status</a>
</li>
........
</ul>
<div id="tab1" style="padding: 3px;">
<div id="map" style="height: 375px; width:98%; border: 1px #A5B6C8 solid;" ></div>

<div id="tab2" style="padding: 3px;">
<div id="status" style="height: 375px; width:98%; border: 1px #A5B6C8 solid;" ></div>
........
</div>



$(function() {

// 初始化tabs的页面控件
$("#tabs").tabs( {

// 自定义显示方法,通过事件控制
show : function(event, ui) {

var activeTab = 0;

if (activeTab != $("#tabs").tabs('option', 'selected')) {

activeTab = $("#tabs").tabs('option', 'selected');
switch (activeTab ) {

case 0:
break;
case 1:
$("#tab2").show();
break;
}
}

return true;
}
});
});


通过程序控制激活的tab,想简单,
直接掉$("#tab2").show();死活不行,实现当前激活的仍然是默认的tab1(index为0),
或者$("#tabs").tabs({ selected: 1 });程序制定激活tab2、不行,
或者$("#tabs").tabs({ selected: 1 }); $("#tab2").show();程序制定激活tab2、还不行,
........

重复折腾了几次,失败告终,只好看官网,原来setter方法搞过了:

showStatusTab=function(vehicleID){

if($("#tabs").tabs('option', 'selected') != 1){

// 如果当前激活的不是第二个tab,则激活第二个tab
// 参数1:表示参数,参数2:要设置的属性,参数3:设置的值(index从0开始)
$("#tabs").tabs("option", "selected", 1);
}
}



[img]http://dl.iteye.com/upload/attachment/0062/3071/e360354d-da44-335e-b0ad-bb6d62b69546.jpg[/img]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
新选项卡立即打开,而不是在后台。 ***根据要求提供的新功能***选项卡激活现在支持书签! ***有关权限的问题***请阅读所需权限的详细说明以及为什么需要它们。没有它们,选项卡激活将无法按所述方式工作。绝对不会更改或收集任何数据 ----------------------------------------默认情况下,Chrome在后台打开新标签页并没有提供立即切换到它们的选项。使用“选项卡激活”时,新选项卡将立即打开,而不是在后台打开。覆盖选项卡在后台激活并打开新选项卡,在打开新选项卡的同时按Shift键。标签激活功能可以有效地扭转Chrome的新标签焦点行为 ----------------------------------------权限阅读和更改书签:需要激活带书签的标签(仅读取书签,不更改)在访问的网站上读取和更改您的所有数据:需要检测按下Shift键的时间(未访问其他网站数据)由于Chrome扩展API的限制,具有是否按Shift键或是否为新选项卡的URL添加了书签是检测请求的权限的唯一方法。绝对不会更改或收集任何数据 ----------------------------------------更改版本2.0.0根据要求,书签为现在受支持并立即打开。版本1.2.0:新标签页的位置与Chrome的行为更加匹配。新的活动标签在上一个标签的右侧打开,新的背景标签在末尾打开。版本1.1.0:Shift键将覆盖Tab激活并在后台打开新的选项卡。版本1.0.0:初始版本。 支持语言:English (United States)

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值