layui Tab切换

layui-html元素

  • 表格列表
  • 数据图表

js代码

//Hash地址的定位**页面加载执行哪个tab**
	var layid = location.hash.replace(/^#demo=/, '');
	element.tabChange('demo', layid);
 	if(layid == 'clubTable'){
		element.tabChange('demo', 'clubTable'); //切换到:Tab1
		setClubTable();
	}else if(layid == 'playerTable'){
		element.tabChange('demo', 'playerTable'); //切换到:Tab2
		setPlayerTable();
	}else{
		element.tabChange('demo', 'clubTable'); //切换到:Tab2(默认切换Tab1)
		setClubTable();
	}
	//**点击tab函数**
	element.on('tab(demo)', function(elem) {
		location.hash = 'demo=' + $(this).attr('lay-id');
		if ($(this).hasClass("layui-this") && $(this).hasClass('hasData')) {
			return false;
		}
		if(elem.index == 0){
			var index = layer.load(1, {shade: [0.1,'#fff'] });//假加载
			setTimeout(function(){ layer.close(index); }, 500);
			setClubTable();
		}else{
			var index = layer.load(1, {shade: [0.1,'#fff'] });
			setTimeout(function(){ layer.close(index); }, 500);
			setPlayerTable();
		}
	});

你可能感兴趣的:(Layui-项目实践)