$(function(){ var winH=$(window).height(); var winW=$(window).width(); //首页banner 轮播 var mySwiper = new Swiper('.swiper-container2',{ pagination: '.swiper-pagination', autoplay :5000,//可选选项,自动滑动 //delay: 3000,//1秒切换一次 //loop : true,//可选选项,开启循环 paginationClickable: true, autoplayDisableOnInteraction:false, //paginationType: 'fraction', speed:500, autoHeight: true, //enable auto height }) $(".swiper-container2").mouseenter(function () {//滑过悬停 mySwiper.stopAutoplay();//mySwiper 为上面你swiper实例化的名称 }).mouseleave(function(){//离开开启 mySwiper.startAutoplay(); }); //解决方案与案例 轮播 var mySwiper = new Swiper('.swiper-case-nav',{ autoplay : false,//可选选项,自动滑动 loop : false,//可选选项,开启循环 autoplayDisableOnInteraction:false, speed:500, slidesPerView: 8, breakpoints: { 750: { slidesPerView: 4, }, } }) //ajax选项卡加载 $(document).on('click','.swiper-case-nav .swiper-slide',function(e){ e.preventDefault(); e.stopPropagation(); var url = $(this).attr("data-href"); var index = $(this).index(); $(this).addClass("on").siblings().removeClass("on"); $.ajax({ type: "GET", url: url, success: function (msg) { $(".page-insec-bk03 .page-content").html(msg); //console.log(msg); } }); }) $(".swiper-case-nav .swiper-slide").eq(0).click(); //图片切换 var default_wid = 50.62; var li_num = $(".page-insec-bk01 .page-ab-tab ul li").size(); var li_wid = (100-default_wid)/(li_num-1)+0.001; $(".page-insec-bk01 .page-ab-tab ul li").css({width:li_wid+"%"}); $(".page-insec-bk01 .page-ab-tab ul li.on").css({width:default_wid+"%"}); //初始化 var i; $(".page-insec-bk01 .page-ab-tab ul li").each(function(){ if($(this).hasClass("on")){ i = $(this).index(); } }) //console.log(i); for(var j=i;j