...
|
...
|
@@ -4,6 +4,7 @@ |
|
|
* @date: 2015/10/12
|
|
|
*/
|
|
|
var $ = require('jquery'),
|
|
|
Hammer = require('hammer'),
|
|
|
Swiper = require('yoho.iswiper'),
|
|
|
lazyLoad = require('yoho.lazyload'),
|
|
|
bannerSwiper,
|
...
|
...
|
@@ -21,6 +22,8 @@ var requestFrame, |
|
|
$logotrans = $('.home-header .logo'),
|
|
|
isen = true;
|
|
|
|
|
|
var navHammer, mobileWrapHammer;
|
|
|
|
|
|
require('./maybe-like');
|
|
|
|
|
|
lazyLoad($('img.lazy'));
|
...
|
...
|
@@ -28,7 +31,24 @@ lazyLoad($('img.lazy')); |
|
|
//$('img:in-viewport').trigger('appear');
|
|
|
|
|
|
//点击首页汉堡menu图标,滑出侧栏导航
|
|
|
$('.nav-btn').on('tap', function (event) {
|
|
|
// $('.nav-btn').on('tap', function (event) {
|
|
|
// if (!$(this).hasClass('menu-open')) {
|
|
|
// $('.mobile-wrap').addClass('menu-open');
|
|
|
// $('.overlay').show().css('opacity', 0.3);
|
|
|
// $('.side-nav').addClass('on');
|
|
|
|
|
|
// //设置boy高宽,页面不能上下滑动
|
|
|
// $('body').css({
|
|
|
// height: $(window).height(),
|
|
|
// width: '100%',
|
|
|
// overflow: 'hidden'
|
|
|
// });
|
|
|
// }
|
|
|
// event.stopPropagation();
|
|
|
// });
|
|
|
|
|
|
navHammer = new Hammer($('.nav-btn')[0]);
|
|
|
navHammer.on('tap', function(event) {
|
|
|
if (!$(this).hasClass('menu-open')) {
|
|
|
$('.mobile-wrap').addClass('menu-open');
|
|
|
$('.overlay').show().css('opacity', 0.3);
|
...
|
...
|
@@ -45,7 +65,24 @@ $('.nav-btn').on('tap', function (event) { |
|
|
});
|
|
|
|
|
|
//点击页面主体,收起侧栏导航及二级导航
|
|
|
$('.mobile-wrap').on('tap', function () {
|
|
|
// $('.mobile-wrap').on('tap', function () {
|
|
|
// if ($(this).hasClass('menu-open')) {
|
|
|
// $('.mobile-wrap').removeClass('menu-open');
|
|
|
// $('.overlay').css('opacity', 0);
|
|
|
// $('.sub-nav').removeClass('show');
|
|
|
// $('.side-nav').removeClass('on');
|
|
|
// $('body').css({
|
|
|
// height: 'auto',
|
|
|
// overflow: 'auto'
|
|
|
// });
|
|
|
// setTimeout(function() {
|
|
|
// $('.overlay').hide();
|
|
|
// }, 300);
|
|
|
// }
|
|
|
// });
|
|
|
|
|
|
mobileWrapHammer = new Hammer($('.mobile-wrap')[0]);
|
|
|
mobileWrapHammer.on('tap', function(event) {
|
|
|
if ($(this).hasClass('menu-open')) {
|
|
|
$('.mobile-wrap').removeClass('menu-open');
|
|
|
$('.overlay').css('opacity', 0);
|
...
|
...
|
@@ -62,7 +99,7 @@ $('.mobile-wrap').on('tap', function () { |
|
|
});
|
|
|
|
|
|
//点击一级导航,弹出二级导航
|
|
|
$('.side-nav').on('tap', 'li', function () {
|
|
|
$('.side-nav').on('touchstart', 'li', function () {
|
|
|
if ($(this).find('.sub-nav').size() > 0) {
|
|
|
$('.sub-nav').removeClass('show');
|
|
|
$(this).find('.sub-nav').addClass('show');
|
...
|
...
|
@@ -71,7 +108,7 @@ $('.side-nav').on('tap', 'li', function () { |
|
|
|
|
|
//返回一级导航,收起二级导航
|
|
|
$('.sub-nav').each(function () {
|
|
|
$(this).find('li').eq(0).on('tap', function (e) {
|
|
|
$(this).find('li').eq(0).on('touchstart', function (e) {
|
|
|
$('.sub-nav').removeClass('show');
|
|
|
e.stopPropagation();
|
|
|
});
|
...
|
...
|
|