jQuery MiniUI

 找回密码
 立即注册
查看: 3730|回复: 2
打印 上一主题 下一主题

我想实现多tab通过不同条件显示顺序不一样,代码如下 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2015-8-26 15:10:35 |只看该作者 |倒序浏览
<div id="tt" class="mini-tabs" style="width:795px;height:400px;">
                <div id="tab-1" title="1"  style="overflow:hidden">
                        <iframe frameborder="0" src="www.baidu.com" style="width:793px;height:370px;"  leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"></iframe>
                </div>
                <div id="tab-2" title="2" style="overflow:hidden" >
                        <iframe frameborder="0"  src="" style="width:793px;height:370px;"></iframe>
                </div>
                <div id="tab-3" title="3"  style="overflow:hidden" >
                        <iframe frameborder="0"  src="" style="width:793px;height:370px;"></iframe>
                </div>
                <div id="tab-4" title="4" style="overflow:hidden">
                        <iframe frameborder="0"  src="" style="width:793px;height:370px;"></iframe>
                </div>
    </div>
<script type="text/javascript">
$(function(){
        var id = ${id};
        if(id=='1'){
                $('#tt').tabs("select",2);
        }else if(id=='2'){
                $('#tt').tabs("select",3);
        }else{
                $('#tt').tabs("select",0);
        }
});
</script>

Rank: 8Rank: 8

沙发
发表于 2015-8-26 15:31:40 |只看该作者
动态设置tabs默认打开tab页
mini.get("tt").activeTab(index)

Rank: 3Rank: 3

板凳
发表于 2015-8-26 15:38:16 |只看该作者
felt 发表于 2015-8-26 15:31
动态设置tabs默认打开tab页
mini.get("tt").activeTab(index)

解决了,万分感谢

Archiver|普加软件

GMT+8, 2025-7-16 21:34 , Processed in 1.046755 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部