var $ = require('yoho-jquery'), lazyLoad = require('yoho-jquery-lazyload'), Swiper = require('yoho-swiper'); var $navs = $('#nav-tab > li'), $contents = $('#ps-content > .content'); require('../common'); var mySwiper; lazyLoad($('img.lazy')); $('#nav-tab').bind('contextmenu', function(e) { return false; }); $('#nav-tab').on('touchend touchcancel', function(e) { var $this = $(e.target).closest('li'); if ($this.hasClass('focus')) { return; } $navs.removeClass('focus'); $this.addClass('focus'); $contents.addClass('hide'); $contents.eq($this.index()).removeClass('hide'); if (typeof $this.swiper === 'undefined') { // 解决隐藏式,swiper不渲染 $this.swiper = false; $contents.find('li').each(function(key, item) { $(item).find('.swiper-container').addClass('swiper-' + key); mySwiper = new Swiper('.swiper-' + key, { lazyLoading: true, pagination: '.swiper-' + key + ' .pagination-inner' }); }); } $(document).trigger('scroll'); // Trigger lazyLoad }); // if ($('#nav-tab').find('li:eq(0)').hasClass('focus')) { // // 解决li隐藏 swiper不渲染的问题 // $('#nav-tab').find('li:eq(0)').removeClass('focus'); // $('#nav-tab').find('li:eq(0)').trigger('touchend'); // } $('#nav-tab').on('touchstart', function(e) { var target = e.target || e.srcElement; target.className = 'bytouch ' + target.className; }).on('touchend touchcancel', function() { $navs.removeClass('bytouch'); });