$(document).ready(function() { var $window = $(window), $body = $('body'), $header = $('header'), $pagesSectionEl = $('.pages-section'), $pagesMenuNav = $("#pages-menu-nav"), $getTop = $('#get-top'); if ($getTop) { if ($window.scrollTop() > 500) { $getTop.show(); } else { $getTop.hide(); } $window.scroll(function() { if ($window.scrollTop() > 500) { $getTop.show(); } else { $getTop.hide(); } // console.log($window.scrollTop()); }); $getTop.click(function() { $('body,html').stop(true).animate({ 'scrollTop': 0 }, 1500); }); }; $window.scroll(function(){ if($window.scrollTop()>=300){ $header.addClass('daveyz-header'); }else{ $header.removeClass('daveyz-header'); } }); $('.navbar-toggle').click(function(){ $header.toggleClass('after-header'); }); if($window.width()>767){ //window $('.footer-ul').children('li').each(function(){ if($(this).children('.a-div').children('.a-link').length>6){ $(this).children('.a-div').addClass('a-data'); $(this).children('.a-div').append('鏇村'); } $(this).find('.a-more').click(function(){ $(this).parent('.a-div').addClass('a-hide-data'); }); }); }; /** * header * 鍏抽棴鍏ㄩ儴浜岀骇瀵艰埅鐐瑰嚮鏄剧ず */ // $(document).off('click.bs.dropdown.data-api'); /** * 榧犳爣鎮仠寮逛笅鎷夎彍鍗 * data-mouse: 'hover' || 'click' */ var $dropdownLi = $('li.dropdown'); var _pointer = $dropdownLi.data('mouse'); $dropdownLi.mouseover(function() { if (_pointer == 'hover') { console.log('123123') $(document).off('click.bs.dropdown.data-api'); // data-mouse鍊间负'hover' 鍏抽棴褰撳墠涓嬫媺鑿滃崟锛堜簩绾у鑸級鐐瑰嚮鏄剧ず鍔熻兘 $(this).addClass('open'); if($(this).children('div').hasClass('dropdown-menu')){ console.log('123') $(this).parents('header').addClass('after-header'); } if($window.width()>1024){ //window var _hei = $(this).find('.nav-pr-lists').children('.right').height()-24; var _hei2 = _hei - $(this).find('.nav-pr-lists .left .lists:nth-child(1)').height() * 2; $(this).find('.nav-pr-lists .left .lists:nth-child(1n+6)').css('margin-top', _hei2); if($(this).find('.nav-pr-lists').children('.left').find('.content-pr').children('.lists').length>10){ $(this).find('.nav-pr-lists .left .content-pr').css('height', _hei); } } // $body.find('header').find('.header-search').removeClass('active'); } }).mouseout(function() { $(this).removeClass('open'); $(this).parents('header').removeClass('after-header'); }); /*$('.header-language').mouseover(function(){ $body.find('header').find('.header-search').removeClass('active'); });*/ $body.find('header').find('.header-search').children('.stateicons').click(function() { //search $(this).parent('.header-search').toggleClass('active'); if($(window).width()<1025){ $body.find('.navbar-default .navbar-toggle').removeClass('in'); $body.find('#header .collapse.navbar-collapse').removeClass('in'); } }); $('#header .navbar-default .navbar-toggle').click(function(){ if($window.width()<1025){ //Phone $(this).toggleClass('in'); $($(this).attr('data-target')).toggleClass('in'); $body.find('header').find('.header-search').removeClass('active'); } }); /** * header end */ /** * [alertModelContent 寮圭獥鎻愮ず妗嗘渶澶栧眰div] * data => 澶栭儴浠g爜鍙婃暟鎹 */ alertModelContent = function(data) { var _html = '
' + data + '
'; return _html; } /** * [alertModel 寮圭獥鎻愮ず妗嗗垪琛ㄩ」] * alertState => 鐘舵€佺被鍚 * ::alert-success => 鎴愬姛锛堢豢鑹诧級 * ::alert-info => 鎻愮ず淇℃伅锛堥潚鑹诧級 * ::alert-warning => 璀﹀憡锛堥粍鑹诧級 * ::alert-danger => 閿欒锛堢孩鑹诧級 * ::lert-primary => 棣栭€夛紙钃濊壊锛 * ::alert-secondary => 娆¤鐨勶紙娴呯伆鑹诧紝鏄剧ず涓€浜涗笉閲嶈鐨勪俊鎭€傦級 * ::alert-dark => 娣辩伆鑹叉彁绀烘锛堟繁鐏拌壊锛 * ::alert-light => 娴呯伆鑹诧紙娴呯伆鑹叉彁绀烘锛屾瘮娆¤鐨勬彁绀烘鑳屾櫙鑹叉洿娴咃級 * data1 => 鎻愮ず璇彞 */ alertModel = function(alertState, data1) { var _html = ''; _html += '
'; _html += ' ×' + data1; _html += '
'; return _html; } /** * alert-success => 鎴愬姛锛堢豢鑹诧級 * alert-info => 鎻愮ず淇℃伅锛堥潚鑹诧級 * alert-warning => 璀﹀憡锛堥粍鑹诧級 * alert-danger => 閿欒锛堢孩鑹诧級 * lert-primary => 棣栭€夛紙钃濊壊锛 * alert-secondary => 娆¤鐨勶紙娴呯伆鑹诧紝鏄剧ず涓€浜涗笉閲嶈鐨勪俊鎭€傦級 * alert-dark => 娣辩伆鑹叉彁绀烘锛堟繁鐏拌壊锛 * alert-light => 娴呯伆鑹诧紙娴呯伆鑹叉彁绀烘锛屾瘮娆¤鐨勬彁绀烘鑳屾櫙鑹叉洿娴咃級 * */ $('[data-btn="ajax-btn"]').click(function() { if ($(this).parents('form').attr('data-form') == 'form-ajax') { $(this).parents('form').find('input').each(function() { if ($(this).attr('name') == 'keywords') { if ($.trim($(this).val()).length == 0) { var _data = alertModel('alert-warning', '璇疯緭鍏ュ叧閿瘝锛?); if ($body.find('.form-alert').length == 0) { $body.prepend(alertModelContent(_data)); } else { $body.find('.form-alert').prepend(_data); } setTimeout(function() { $('.form-alert .alert:last-child').remove(); }, 2000); } else { // console.log($(this).val()); window.location.href=window.location.origin+'/search.html?keywords='+$(this).val()+'&submit=Search'; } } }); } }); /** * 娓呯┖褰撳墠input */ $('[data-close="close"]').click(function() { if ($(this).parents('form').attr('data-form') == 'form-ajax') { $(this).parent('[data-lists="inputlists"]').children('input').val(''); } }); // 鍒ゆ柇鏄惁涓烘墜鏈虹 function isMobile() { var userAgentInfo = navigator.userAgent; var mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"]; var mobile_flag = false; for (var i = 0; i < mobileAgents.length; i++) { //鏍规嵁userAgent鍒ゆ柇鏄惁鏄墜鏈 if (userAgentInfo.indexOf(mobileAgents[i]) > 0) { mobile_flag = true; break; } } var screen_width = window.screen.width; var screen_height = window.screen.height; if (screen_width < 500 && screen_height < 800) { //鏍规嵁灞忓箷鍒嗚鲸鐜囧垽鏂槸鍚︽槸鎵嬫満 mobile_flag = true; } return mobile_flag; }; console.log("phone缁撴灉锛?, isMobile()); /*================swiper================*/ var element = $body.find('.swiper-container'); element.each(function() { var elementEffect = $(this).attr('data-effect'); //鍒囨崲鏂瑰紡锛歠ade 娓愬彉鍒囨崲 || coverflow 3D宸﹀彸鍒囨崲 || cards 鏅€氬乏鍙冲垏鎹 var elementAutoPlay = $(this).attr('data-autoplay'); //鏄惁鑷姩杞挱锛?000 || false || null var elementLoop = $(this).attr('data-loop'); //鏄惁寰幆杞挱锛歵rue || false var elementParallax = $(this).attr('data-parallax'); //瑙嗗樊鏁堟灉锛歵rue || false var elementMargin = $(this).attr('data-margin'); //闂磋窛 var elementItems = $(this).attr('data-items'); //澶氬浘鏁伴噺 var elementItemsLg = $(this).attr('data-items-lg'); //1200~auto var elementItemsMd = $(this).attr('data-items-md'); //992~1199 var elementItemsSm = $(this).attr('data-items-sm'); //481~991 var elementItemsXs = $(this).attr('data-items-xs'); //0~480 if (!elementMargin) { elementMargin = 0 } else { elementMargin = Number(elementMargin); } if (!elementItems) { elementItems = 1; } if (!elementItemsLg) { elementItemsLg = Number(elementItems); } if (!elementItemsMd) { elementItemsMd = Number(elementItemsLg); } if (!elementItemsSm) { elementItemsSm = Number(elementItemsMd); } if (!elementItemsXs) { elementItemsXs = Number(elementItemsSm); } if ($window.width() > 1199) { elementItems = elementItemsLg; } else if ($window.width() > 991 && $window.width() < 1200) { elementItems = elementItemsMd; } else if ($window.width() > 480 && $window.width() < 992) { elementItems = elementItemsSm; } else if ($window.width() < 481) { elementItems = elementItemsXs; } if (!elementAutoPlay || Number(elementAutoPlay) < 1 || elementAutoPlay == undefined || elementAutoPlay == '') { elementAutoPlay = false; } else { elementAutoPlayNumber = Number(elementAutoPlay); elementAutoPlay = { delay: elementAutoPlayNumber, //鑷姩杞挱鐨勯棿闅旀椂闂 stopOnLastSlide: false, //鏄惁鍋滄鍦ㄦ渶鍚庝竴寮犲够鐏墖澶勶紝loop妯″紡涓嬫棤鏁 disableOnInteraction: true, //鐢ㄦ埛鎿嶄綔swiper涔嬪悗锛屾槸鍚︾姝utoplay } } if (elementLoop == 'true') { elementLoop = true; } else { elementLoop = false; } if (elementParallax == true || elementParallax != undefined) { elementParallax = true; } else { elementParallax = false; } if (!elementEffect || elementEffect == undefined) { elementEffect = 'cards'; } else { elementEffect = elementEffect; } var swiper = new Swiper(this, { pagination: { el: '.swiper-pagination', clickable: true, /*renderBullet: function (index, className) { return '' + (index + 1) + ''; },*/ }, effect: elementEffect, //鍒囨崲鏂瑰紡 speed: 800, //閫熷害 parallax: elementParallax, //瑙嗗樊 autoplay: elementAutoPlay, //鏄惁鑷姩杞挱 loop: elementLoop, //寰幆杞挱 slidesPerView: elementItems, //澶氬浘杞挱 spaceBetween: elementMargin, //闂磋窛 navigation: { //濡傛灉闇€瑕佸墠杩涘悗閫€鎸夐挳 nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, }); }); /*================swiper================end*/ $('body').find('.hover-tabs-data').hover(function() { $(this).parents('.hover-tabs-lists').addClass('active').siblings('.hover-tabs-lists').removeClass('active'); }); $('body').find('.tabs-title-box').each(function() { $(this).find('.tabs-title').on('click', function() { $(this).addClass('active').siblings('.tabs-title').removeClass('active'); var _index = $(this).index(); $(this).parents('.tabs-box').find('.tabs-content-box').children('.tabs-content').eq(_index).addClass('active').removeClass('hide').siblings('.tabs-content').removeClass('active').addClass('hide'); }); }); }); document.onreadystatechange = function(){ //褰撻〉闈㈠姞杞界姸鎬佹敼鍙樼殑鏃跺€欐墽琛宖unction if (document.readyState == "complete"){ //褰撻〉闈㈠姞杞界姸鎬佷负瀹屽叏缁撴潫鏃惰繘鍏 console.log('椤甸潰鍔犺浇瀹屾垚'); var $window = $(window), $body = $('body'), $header = $('header'), $pagesSectionEl = $('.pages-section'), $pagesMenuNav = $("#pages-menu-nav"); /** * 椤靛唴閿氶摼鎺 */ $body.find('section').each(function() { var headerHeight = $header.height(); if(headerHeight<$window.scrollTop()){ $header.addClass('daveyz-header'); } if ($(this).attr('id') == 'pages-menu-nav') { console.log($pagesMenuNav) var navH = $pagesMenuNav.offset().top, _id = null, _idLists = []; console.log($window.scrollTop(), navH, headerHeight); if ($window.scrollTop() >= navH) { $pagesMenuNav.addClass('po_fixed'); $pagesMenuNav.css({ "top": headerHeight }); if ($pagesSectionEl.length > 0) { for (var i = 0; i < $pagesSectionEl.length; i++) { if ($window.scrollTop() >= ($('#' + $pagesSectionEl[i].attributes.id.value).offset().top - headerHeight - $pagesMenuNav.height() - 2)) { _idLists.push($('#' + $pagesSectionEl[i].attributes.id.value).offset().top); _id = $pagesSectionEl[i].attributes.id.value; } }; $pagesMenuNav.find('a[data-href="#' + _id + '"]').addClass('active').siblings('a').removeClass('active'); } } else { console.debug('涓嶇敤璧嬪€?); } //婊氬姩鏉′簨浠 $window.scroll(function() { //鑾峰彇婊氬姩鏉$殑婊戝姩璺濈 var scroH = $(this).scrollTop(); console.log(scroH,navH) scroH = scroH + headerHeight; //婊氬姩鏉$殑婊戝姩璺濈澶т簬绛変簬瀹氫綅鍏冪礌锛堥〉闈㈠鑸級璺濈娴忚鍣ㄩ《閮ㄧ殑璺濈锛屽氨鍥哄畾锛屽弽涔嬪氨涓嶅浐瀹 console.log(scroH,navH) if (scroH >= navH) { $pagesMenuNav.addClass('po_fixed'); $pagesMenuNav.css({ "top": headerHeight }); } else if (scroH < navH) { $pagesMenuNav.removeClass('po_fixed'); $pagesMenuNav.css({ "top": "" }); } if ($pagesSectionEl.length > 0) { for (var i = 0; i < $pagesSectionEl.length; i++) { if ($window.scrollTop() >= ($('#' + $pagesSectionEl[i].attributes.id.value).offset().top - headerHeight - $pagesMenuNav.height() - 2)) { _idLists.push($('#' + $pagesSectionEl[i].attributes.id.value).offset().top); _id = $pagesSectionEl[i].attributes.id.value; } }; if ($pagesMenuNav.find('a[data-href]').attr('data-state') == 'click') { setTimeout(function() { $pagesMenuNav.find('a[data-href="#' + _id + '"]').addClass('active').siblings('a').removeClass('active'); }, 2000); } else { $pagesMenuNav.find('a[data-href="#' + _id + '"]').addClass('active').siblings('a').removeClass('active'); }; } }); $pagesMenuNav.find('a[data-href]').click(function() { var dataId = $(this).attr('data-href'); var dataTop = $(dataId).offset().top - headerHeight - $pagesMenuNav.height(); $("html,body").stop().animate({ scrollTop: dataTop }, 2000); $pagesMenuNav.find('a[data-href]').attr('data-state', 'click'); setTimeout(function() { $(this).addClass('active').siblings().removeClass('active'); $pagesMenuNav.find('a[data-href]').attr('data-state', 'scroll'); }, 2000); }); }; }); }else{ console.log('椤甸潰鍔犺浇涓?); } }