ligerUi Tab 切换页面操作

方式一  ：var navtab;

var selectTabPage = function(tabid) {
       // var navtab = $("#tab").ligerGetTabManager();
        var content = navtab.tab.content;
        //content.children().hide();
        var dom = content.find("[tabid='" + tabid + "']");
       // if (!$.trim(dom.html())) {
            switch (tabid) {
                case "tabitem1":
                    dom.load("1.html");
                    break;
                case "tabitem2":
                    dom.load("2.html");
                    break;
            }
        }
        dom.show();
    };

$("#tab").ligerTab({
        width : "300px",
        align : "center",
        onAfterSelectTabItem : selectTabPage,
        contextmenu : false
    });
    
    selectTabPage("tabitem1");

<div id='tab' style='overflow:hidden;'>

</div>

 

方式二：

var navtab =null;
    $(function () {
    navtab = $("#tab").ligerTab({
        width : "300px",
        showSwitch: true  
        });
    $('#iframe').attr('src','/manager/html/tab8_total_quarter.html);
    $('#iframe1').attr('src','/manager/html/tab8_total_1.html?year='+year+"&quarter="+quarter);
    $('#iframe2').attr('src','/manager/html/tab8_total_2.html?year='+year+"&quarter="+quarter);
    $('#iframe3').attr('src','/manager/html/tab8_total_3.html?year='+year+"&quarter="+quarter);
    });

<div id='tab' style='overflow:hidden;'>
        <div title='汇总表' tabid="home"  lselected="true" >
            <iframe frameborder="0"  id="iframe" src= ""></iframe>
        </div>
        <div title='季度首月'>
            <iframe frameborder="0"  id="iframe1" src= ""></iframe>
        </div>
        <div title='季度中月'>
            <iframe frameborder="0"  id="iframe2" src= ""></iframe>
        </div>
        <div title='季度末月'>
            <iframe frameborder="0"  id="iframe3" src= ""></iframe>
        </div>
</div>

转载于:https://my.oschina.net/u/3004032/blog/865021