public.js 1.65 KB
var $ = require('jquery'),
    swiper = require('yoho-idangerous.swiper'),
    bannerSwiper;

//点击首页汉堡menu图标,滑出侧栏导航
$('.nav-btn').on('click', function(event) {
    if (!$(this).hasClass('menu-open')) {
        $('.mobile-wrap').addClass('menu-open');
        $('.overlay').addClass('show');
        //设置boy高度,页面不能上下滑动
        $('body').css({
            height: $(window).height(),
            overflow: 'hidden'
        });
    }
    event.stopPropagation();
});

//点击页面主体,收起侧栏导航及二级导航
$('.mobile-wrap').on('click', function() {
    if ($(this).hasClass('menu-open')) {
        $('.mobile-wrap').removeClass('menu-open');
        $('.overlay').removeClass('show');
        $('.sub-nav').removeClass('show');
        $('body').css({
            height: 'auto',
            overflow: 'auto'
        })
    }
});

//点击一级导航,弹出二级导航
$('.side-nav').on('click', 'li', function() {
    if ($(this).find('.sub-nav').size() > 0) {
        $('.sub-nav').removeClass('show');
        $(this).find('.sub-nav').addClass('show');
    }
});

//返回一级导航,收起二级导航
$('.sub-nav').each(function() {
    $(this).find('li').eq(0).on('click', function() {
        $('.sub-nav').removeClass('show');
        event.stopPropagation();
    });
});

//头部banner轮播
if ($('.banner-swiper').find('li').size() > 1) {
    bannerSwiper = new swiper('.banner-swiper', {
        loop: true,
        autoplay: 5000,
        autoplayDisableOnInteraction: false,
        paginationClickable: true,
        slideElement: 'li',
        pagination: '.banner-top .pagination-inner'
    });
}