jquery点击切换页面多个点击切换代码封装-创新互联

//点击切换
$(function(){
	$(".nav-left ul li").click(function(){    //点击切换1
		tabChange($(this),$(".forum-container > div")); //内容选项卡
	})
	$(".dynamic-title ul li ").click(function(){            //点击切换2
		tabChange($(this),$(".dynamic-container > div"));
	})
	$(".tt-personal ul li ").click(function(){
		tabChange($(this),$(".formPer-con > div"));
	})
	$(".forum-search-left ul li ").click(function(){
		tabChange($(this),$(".forum-search-right > div"));
	})
})

//切换代码
function tabChange(obj1,obj2){
	var num = obj1.index(); // 获取当前点击的
  • 元素 在 全部li元素中的索引。     obj1.addClass("dynamic-active")            //当前
  • 元素高亮     .siblings().removeClass("dynamic-active");  //去掉其它同辈
  • 元素的高亮     //选取子节点。不选取子节点的话,会引起错误。如果里面还有div      obj2.eq(num).show()   //显示 
  • 元素对应的
    元素     .siblings().hide(); //隐藏其它几个同辈的
    元素   }
  • 成都一家集口碑和实力的网站建设服务商,拥有专业的企业建站团队和靠谱的建站技术,十年企业及个人网站建设经验 ,为成都上千客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设,品牌网站建设,同时也为不同行业的客户提供成都网站制作、成都做网站的服务,包括成都电商型网站制作建设,装修行业网站制作建设,传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选创新互联。

    另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


    分享文章:jquery点击切换页面多个点击切换代码封装-创新互联
    URL标题:http://bzwzjz.com/article/gojde.html

    其他资讯

    Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
    友情链接: 成都网站设计 重庆企业网站建设 成都定制网站建设 自适应网站建设 高端品牌网站建设 成都网站建设 重庆网站建设 高端定制网站设计 企业网站设计 响应式网站建设 外贸网站设计方案 网站设计 企业网站设计 网站建设费用 高端网站建设 LED网站设计方案 营销型网站建设 成都网站设计 成都网站建设 成都网站制作 app网站建设 成都商城网站制作