$(function () { var _ind = 0; var _len = $(".leftbox .swiper-slide").length; var leftbox_swiper = new Swiper('.leftbox .swiper-container', { nextButton: '.leftbox .swiper-button-next', prevButton: '.leftbox .swiper-button-prev', slidesPerView:5, direction :'vertical', //initialSlide :$(".history_year .leftbox .swiper-slide").length,//设定初始化时slide的索引。 breakpoints: { 1023: { direction :'horizontal', slidesPerView: 4, }, 767: { direction :'horizontal', slidesPerView: 3, } } }); btnJudge(); $(".leftbox .swiper-button-prev").click(function() { _ind--; btnJudge() $(".leftbox .swiper-slide").eq(_ind).addClass("on").siblings().removeClass("on"); $(".leftbox .swiper-slide.on").click(); }) $('.leftbox .swiper-button-next').click(function() { _ind++; btnJudge() $(".leftbox .swiper-slide").eq(_ind).addClass("on").siblings().removeClass("on"); $(".leftbox .swiper-slide.on").click(); }) $(".leftbox .swiper-slide").click(function(){ _ind = $(this).index(); $(this).addClass("on").siblings().removeClass("on"); btnJudge(); var url = $(this).data("src"); if(url == ""){ return false; }else{ caseAjax(".history_cons",url) } }) setTimeout(function () { $(".leftbox .swiper-slide").eq(0).click(); }, 200); function btnJudge() { console.log(_ind,_len) if(_ind >= _len - 1) { $('.leftbox .swiper-button-next').addClass("disabled") _ind = _len - 1; } else { $('.leftbox .swiper-button-next').removeClass("disabled") } if(_ind <= 0) { $(".leftbox .swiper-button-prev").addClass("disabled") _ind = 0; } else { $(".leftbox .swiper-button-prev").removeClass("disabled") } } setTimeout(function(){ for(var i=0;i<$(".history_cons li").length;i++){ if($(".history_cons li").eq(i).find("img").length!=0){ }else{ $(".history_cons li").eq(i).addClass("onn") } } },500) }) //caseAjax function caseAjax(str,url){ $.ajax({ url:url, success:function(msg){ $(str).html(""); $(str).append(msg); } }); }