$(function() { // 手机端 到导航点击特效 $(".xymob-menu-jt").click(function() { var xymobSubmenuBox = $(this).siblings('.xymob-sub-menu'); var xymobSubmenuSiblingsBox = $(this).parents('li').siblings('li').find('.xymob-sub-menu'); var xymobSubmenuSiblingsJt = $(this).parents('li').siblings('li').find('.xymob-menu-jt'); if (!xymobSubmenuBox.is(":visible")) { $(this).addClass('clicked'); xymobSubmenuBox.slideDown(); xymobSubmenuSiblingsJt.removeClass('clicked'); xymobSubmenuSiblingsBox.slideUp(); } else { $(this).removeClass('clicked'); xymobSubmenuBox.slideUp(); } }); //手机导航按钮点击效果 app.clickToggle('.xymob-navbtn', '.xymob-menu'); // 手机搜索按钮点击 $(".xymob-search-btn").add('.xymob-search-close-btn').click(function() { $(".xymob-search").toggleClass('clicked'); }); //导航条固定在头部 if ($(window).scrollTop() > 30) { $('.xy-head').addClass('scroll'); } $(window).scroll(function() { var len = $(this).scrollTop(); if (len > 30) { $('.xy-head').addClass('scroll'); } else { $('.xy-head').removeClass('scroll') } }); // 搜索框判断 $("input[name='wd']").each(function() { var _plac = $(this).attr('placeholder'); $(this).focus(function() { $(this).attr('placeholder', ''); }); $(this).blur(function() { $(this).attr('placeholder', _plac); }); }); $('input[type="submit"]').click(function() { var _val = $(this).siblings("#keyword").val(); if (_val === '' || _val === '请输入搜索关键词') { alert('请输入搜索关键词!'); $("#keyword").focus(); return false; } }); /* 内页共用js代码 */ // 内页左侧导航栏点击特效 $(".first-nav-btn").click(function() { var boxa = $(this).siblings('.xypg-left-subnav'); var parbox = $(this).parents('li'); var parSibBox = $(this).parents('li').siblings('li'); var boxb = $(this).parents('li').siblings('li').find('.xypg-left-subnav'); var jta = $(this).parents('li').siblings('li').find('.first-nav-btn'); var subLiLen = boxa.find('li').length; if (subLiLen == 0) { return false } if (!boxa.is(":visible")) { boxa.slideDown(); parbox.addClass('clicked'); $(this).addClass('clicked'); boxb.slideUp(); jta.removeClass('clicked'); parSibBox.removeClass('clicked'); } else { boxa.slideUp(); $(this).removeClass('clicked'); parbox.removeClass('clicked'); } }); // 内页标题 字母获取 $(".xypg-left-title").each(function() { var words = $(this).find('span').text(); var firstLetter = words.substr(0, 1); $('' + firstLetter + '').appendTo($(this)); }); // 内页手机端端 做的导航弹出特效 $(".xymob-page-navbtn").click(function() { $(".xymob-menu-click").addClass('click'); $('html,body').addClass('no-scroll'); }); $(".xymob-left-close-btn").click(function() { $(".xymob-menu-click").removeClass('click'); $('html,body').removeClass('no-scroll'); }); // 详情页面 相关产品滚动特效 if ($(".relate-product-slick").length != 0) { $(".relate-product-slick").owlCarousel({ margin: 14, dots: false, autoplay: true, responsive: { 0: { items: 2 }, 600: { items: 3 }, 1000: { items: 4 } } }); } //详细页分页点击效果 $(".paging_num > a").click(function() { var index = $(this).index(); location.hash = index + 1; var hash = location.hash; $(this).parent().siblings('.total').find('.paging').eq(hash.slice(1) - 1).css("display", "block").siblings('.paging').css("display", "none"); $(this).addClass("paging_hover").siblings().removeClass("paging_hover"); }); // 内页左侧当前分类颜色高亮 $(".xypg-left-nav li a[href='" + window.location.href + "']").closest('li').addClass('clicked'); $(".xypg-left-threenav .clicked").parents('.xypg-left-subnav').show(); $(".xypg-left-threenav .clicked").parents('.xypg-left-threenav').show(); $(".xypg-left-subnav .clicked").parents('.xypg-left-subnav').show(); });