jq-tab切换

1. 页面布局排版：

<div id="myCtPointsModCon">
    <div class="bdrsTabItemCon">
        <a href="javascript:void(0);" class="mui-item mui-active">tab1</a>
        <a href="javascript:void(0);" class="mui-item">tab1</a>
    </div>
    <div class="tabCon">
        <div class="tabBox">tab1内容切</div>
        <div class="tabBox" style="display:none;">tab2内容切</div>
    </div>
</div>

2. jq切换函数方法：

function tab(o1, o2, c,ev,callback) {
    $(o1).each(function(i) {
            $(this).on(ev,function(){
                $(o2).hide().eq(i).show();
                $(o1).removeClass(c);
                $(this).addClass(c);
                if(typeof callback === "function"){
                    callback(i);
                }
            });
            if ($(this).hasClass(c)) {
                    $(this).addClass(c);
                    $(o2).hide().eq(i).show();
                    if(typeof callback === "function"){
                        callback(i);
                    }
            }
    });
};

3. 使用示例：

tab("#myCtPointsModCon .bdrsTabItemCon .mui-item", "#myCtPointsModCon .tabCon .tabBox", 'mui-active','click',function(i){
    /**初始化及每次切换回调函数*/
})