aui tab切换页

2018/06/12 11:00
阅读数 52
HTML代码:
<div class="aui-tab aui-border-b" id="tab"> <div class="aui-tab-item aui-active">哆啦小梦</div> <div class="aui-tab-item">啦啦啦啦</div> </div> <div class="aui-padded-5 " id="tab1-con"> <div id="tab1-con1">春江潮水连海平,海上明月共潮生。 </div> <div class="aui-hide" id="tab1-con2">人生没有彩排,每天都是直播,不仅收视率低,而且工资不高。</div> </div>
JS代码

<script type="text/javascript" src="../script/api.js"></script> <script type="text/javascript" src="../script/aui-tab.js"></script> <script type="text/javascript"> apiready = function() { api.parseTapmode(); } var tab = new auiTab({ element: document.getElementById("tab"), }, function(ret) { if (ret) { //定义获取对象的所有兄弟节点的函数, function siblings(elm) { var a = []; var p = elm.parentNode.children; for (var i = 0, pl = p.length; i < pl; i++) { if (p[i] !== elm) a.push(p[i]); } return a; } var index = ret.index; var activeC = document.getElementById("tab1-con" + index); activeC.className = ""; for (var i = 0; i < siblings(activeC).length; i++) { siblings(activeC)[i].className = "aui-hide"; } } }); </script>

 

展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部