jQuery MiniUI

标题: 我想实现多tab通过不同条件显示顺序不一样,代码如下 [打印本页]

作者: Goldfish    时间: 2015-8-26 15:10:35     标题: 我想实现多tab通过不同条件显示顺序不一样,代码如下

<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>


作者: felt    时间: 2015-8-26 15:31:40

动态设置tabs默认打开tab页
mini.get("tt").activeTab(index)
作者: Goldfish    时间: 2015-8-26 15:38:16

felt 发表于 2015-8-26 15:31
动态设置tabs默认打开tab页
mini.get("tt").activeTab(index)

解决了,万分感谢




欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2