$(function() { // tab点击切换函数 function tabToggle(tabBtn, tabItem) { tabBtn.on('click', function(e) { // 禁止默认事件 // e.preventDefault(); var index = $(this).data('index'); // 增加&删除样式和显示隐藏内容区 tabBtn.removeClass('current'); tabItem.hide(); $(this).addClass('current'); tabItem.eq(index).show(); }); }; // 底部导航切换 var tabNav4 = $('#tab-navFooter'); var tabBtn4 = tabNav4.children('div'); var tabItem4 = $('#tab-conFooter').find('.footer-tab-con-item'); tabToggle(tabBtn4, tabItem4); // 返回顶部 $('.goTop').on('click', function() { $("html,body").animate({ scrollTop: 0 }, 300); }); // 主控区tab显隐 var tabLi = $('.tabList>li>.tabList_a'); tabLi.on('click', function(event) { // 阻止默认事件 // event.preventDefault(); // event.stopPropagation(); // 添加点击样式 tabLi.removeClass('choose'); $(this).addClass('choose'); // 判断多级自列表显隐 if ($(this).siblings('ul').css('display') == 'none') { $('.tabList_ul').hide(); $(this).siblings('ul').show('fast'); } else { $('.tabList_ul').hide(); } }); // 主控区展开多级列表后,点击子项 var tabChildLi = $('.tabList_ul_a'); tabChildLi.on('click', function(event) { // event.preventDefault(); tabChildLi.removeClass('choose'); $(this).addClass('choose'); // ajax 改变主控区右侧显示值 }); })