$(function() { /*** 导航栏移入效果 */ $(".nav-list>.nav-item").hover(function() { $(this).addClass('active').siblings().removeClass('active') $(this).find(".submenu").stop().slideToggle(); }) // 移动端导航 mobideMenu() /*** 侧边子菜单 */ $('.sidebarHd').click(function(){ $('.sidebarBox').slideToggle() }) //回到顶部 var toTop = $('#to-top'); $(window).scroll(function () { if ($(this).scrollTop() > 50) { toTop.css({ bottom: '15px' }); $('header').addClass('fixed'); } else { toTop.css({ bottom: '-100px' }); $('header').removeClass('fixed'); } }); toTop.on('click', function () { $('html, body').animate({ scrollTop: '0px' }, 800); return false; }); $('.side>ul>li>span').click(function (e) { //var str=$(this).html().trim(); if( ($(this).siblings('span').length>0) ){ e.preventDefault(); } $(this).siblings('.sub-menu').slideToggle(); $(this).siblings('span').toggleClass('on'); }); $('.side p span').click(function () { $('.side>ul').slideToggle(); }); $('.side>ul a').each(function(i,item){ item.addEventListener('touchstart',function(e){ return false }); item.addEventListener('touchmove',function(){ this.isMove = true; //给当前元素添加自定义属性isMove 让他等于true; 如果在元素上移动以后就等于true }); item.addEventListener('touchend',function(){ if(!this.isMove){ //这里判断 的是如果没有移动的话就是点击。根据当前元素的链接通过window.location.href跳转 window.location.href = this.href; } this.isMove = false; //跳转完成以后恢复到false }); }) }); //移动端主导航 function mobideMenu(){ $(".mobile-inner-header .mobile-inner-header-icon").click(function(){ $(this).toggleClass("mobile-inner-header-icon-click mobile-inner-header-icon-out"); $(".mobile-inner-nav").slideToggle(250); }); $(".mobile-inner-nav a").each(function( index ) { $( this ).css({'animation-delay': (index/20)+'s'}); }); $('.mobile-inner-nav li strong').click(function(){ $(this).next('dl').slideToggle(500); $(this).toggleClass('on'); if($(this).hasClass('on')){ $(this).html("×") }else{ $(this).html("+") } }) }