用于导航栏切换
<div id="tabs">
<div data-tab="a">a</div>
<div data-tab="b">b</div>
<div data-tab="c">c</div>
</div>
<div id="tab_pages">
<div data-tab="a">page a</div>
<div data-tab="b">page b</div>
<div data-tab="c">page c</div>
</div>
var tab=Tab($('#tabs [data-tab]'),$('#tab_pages [data-tab]'),function(current){
// tabed 回调
alert('当前是:'+current+'页面');
});
tab.currentValue; //当前的页面名
tab.pages; //page的jQuery对象的hashmap
tab.pages.a;// 保存着 #tab_pages [data-tab=a] 这个的jQuery对象
tab.tabs; //tab的jQuery对象的hashmap
tab.tabs.a;// 保存着 #tabs [data-tab=a] 这个的jQuery对象
当然没有page也是可以的,这时就像radio标签
var tab=Tab($('#tabs [data-tab]'),function(current){
// tabed 回调
alert('当前是:'+current);
});
trigger
tab('c');//切换到c 并且触发回调
如何只改变状态,不触发回调
var tab=Tab($('#tabs [data-tab]'),function(current,isTrigger){
// tabed 回调
if(!isTrigger){
alert('当前是:'+current);
}
});
tab('c',true);