Tab切换栏
使用Tab切换栏需要先载入JS文件:
<script src="/static/auicss/script/aui-tab.js"></script>
使用之前需要先实例化对象 var tab = new auiTab(options, callback);
,options参数如下:
options: {
element: '', // Tab切换栏DOM对象
}
callback
回调参数如下:
function callback(res) {
res.index // 点击Tab的顺序,记数从1开始
res.dom // 点击Tab的DOM对象
}
示例源码
<div class="aui-tab" id="tab">
<div class="aui-tab-item aui-active">Item1</div>
<div class="aui-tab-item"><div></div>Item2</div>
<div class="aui-tab-item">Item3</div>
<div class="aui-tab-item">Item4</div>
</div>
<script type="text/javascript" src="/static/auicss/script/aui-tab.js" ></script>
<script type="text/javascript">
var tab = new auiTab({
element:document.getElementById("tab"),
},function(ret){
console.log(ret)
});
</script>