layui选项卡效果实现代码

2020-05-17 06:21:10易采站长站整理

,tabChange: function(){
//切换到指定Tab项
element.tabChange('demo', '22'); //切换到:用户管理
}
};

$('.site-demo-active').on('click', function(){
var othis = $(this), type = othis.data('type');
active[type] ? active[type].call(this, othis) : '';
});

//Hash地址的定位
var layid = location.hash.replace(/^#test=/, '');
element.tabChange('test', layid);

element.on('tab(test)', function(elem){
location.hash = 'test='+ $(this).attr('lay-id');
});

});
</script>
</body>
</html>

效果图:

官网Tab