ziqim/zhiqim_ui/src/zhiqim_tabnav.js

/*
 * 版权所有 (C) 2015 知启蒙(ZHIQIM) 保留所有权利。
 * 
 * 指定登记&发行网站： https://www.zhiqim.com/ 欢迎加盟知启蒙，[编程有你，知启蒙一路随行]。
 *
 * 本文采用《知启蒙登记发行许可证》，除非符合许可证，否则不可使用该文件！
 * 1、您可以免费使用、修改、合并、出版发行和分发，再授权软件、软件副本及衍生软件；
 * 2、您用于商业用途时，必须在原作者指定的登记网站，按原作者要求进行登记；
 * 3、您在使用、修改、合并、出版发行和分发时，必须包含版权声明、许可声明，及保留原作者的著作权、商标和专利等知识产权；
 * 4、您在互联网、移动互联网等大众网络下发行和分发再授权软件、软件副本及衍生软件时，必须在原作者指定的发行网站进行发行和分发；
 * 5、您可以在以下链接获取一个完整的许可证副本。
 * 
 * 许可证链接：http://zhiqim.org/licenses/zhiqim_register_publish_license.htm
 *
 * 除非法律需要或书面同意，软件由原始码方式提供，无任何明示或暗示的保证和条件。详见完整许可证的权限和限制。
 */
 
+(function(Z) 
{//BEGIN 
// @version v1.1.0 @author zouzhigang 2015-11-12 新建与整理

/********************************************/
//标签页定义、加载和转换
/********************************************/
Z.Tabnav = {};
Z.Tabnav.onclick = function(e)
{
    //标签页切换选中
    var li = Z.E.current(e);
    Z(li).addClass("z-active").siblings("li").removeClass("z-active");
    
    //找到标签页是第n个
    var nth = Z(this).nth(li, ">nav>ul>li");

    //内容页切换显示
    Z(this).find(">section>div").removeClass("z-active");
    Z(this).find(">section>div:nth-child("+nth+")").addClass("z-active");
    
    //调用事件
    if (this.onchange){
        this.onchange();
    }
    
    Z.E.forbidden(e);
}

//缓存加载函数
Z.Tabnav.cache = [];
Z.Tabnav.load = function()
{
    //1.先删除原来的缓存的点击事件
    Z.each(Z.Tabnav.cache, function(elem){
        Z(elem).offclick(Z.Tabnav.click, elem);
    });
    Z.Tabnav.cache = [];
    
    //2.再加载所有的标签页
    Z("[data-role=z-tabnav]").each(function(elem)
    {
        Z(elem).find(">nav>ul>li").each(function(li)
        {
            Z(li).click(Z.Tabnav.onclick, elem);
            Z.Tabnav.cache.push(elem);
        });
    });
};

Z.onload(Z.Tabnav.load);

//END
})(zhiqim);