php 实现tab切换_利用openFrameGroup简单实现tab切换

菜单1

菜单2

菜单3

apiready = function(){

api.openFrameGroup ({

name: 'group',

scrollEnabled:true,

index:0,

frames:

[{

name: 'demo1',

url: 'demo1.html',

bounces:true,

vScrollBarEnabled:false,

hScrollBarEnabled:false

},{

name: 'demo2',

url: 'demo2.html',

bounces:true,

vScrollBarEnabled:false,

hScrollBarEnabled:false

},{

name: 'demo3',

url: 'demo3.html',

bounces:true,

vScrollBarEnabled:false,

hScrollBarEnabled:false

}]

}, function(ret, err){

var $tab = $api.byId('tab');

var $tabBar = $api.domAll($tab, 'div');//获取tab下div标签

for (var j = 0; j 

//移除全部active

$api.removeCls($tabBar[j], 'active');

}

var index = ret.index;

if(index==0){

var $obj = $api.byId('tab1');

$api.addCls($obj, 'active');

}else if(index==1){

var $obj = $api.byId('tab2');

$api.addCls($obj, 'active');

}else if(index==2){

var $obj = $api.byId('tab3');

$api.addCls($obj, 'active');

}

})

}