最近都是在使用很老的框架进行开发,然后api也不全面,所以会更新一些项目中的使用心得
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>demo</title>
<script src="../../scripts/boot.js"></script>
<script src="../../scripts/jquery.min.js"></script>
<script src="../../scripts/miniui/miniui.js"></script>
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../../fonts/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="../../scripts/miniui/themes/default/miniui.css">
<link rel="stylesheet" href="../../scripts/miniui/themes/icons.css">
<link rel="stylesheet" href="../../scripts/miniui/themes/metro-blue/skin.css">
</head>
<body>
<div class="mini-tabs" id="miniTab" activeIndex="2" style="width:100%;height:100%;">
<div title="应急方案">
1
</div>
<div title="联系仓库">
2
</div>
<div title="联系应急机构">
3
</div>
<div title="信息屏联动">
4
</div>
<div title="短信平台联动">
5
</div>
</div>
<script>
mini.parse();
$('#miniTab').attr('activeIndex', "3")
var tabs = mini.get("miniTab");
tabs.on('activechanged', function(e){
var index = e.index
var title = e.tab.title
onsole.log(index, title)
})
mini.get("miniTab").on('load', function (e) {
console.log(e)
tabs.updateTab(e.tab, 3)
})
</script>
</body>
</html>