53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
$(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 改变主控区右侧显示值
|
|
});
|
|
})
|