var _this=this; var roomV = $('#roomSwiper').swiper({ grabCursor: true, paginationClickable: true, onSlideChangeEnd:function(){ _this._pagination(roomV.activeLoopIndex+1); } }); $('.room-model-con .room-button-prev').on('click', function(e){ e.preventDefault(); roomV.swipePrev(); }) $('.room-model-con .room-button-next').on('click', function(e){ e.preventDefault(); roomV.swipeNext(); }) $('.room-list .click-detail').click(function(){ var $roomdata=$(this).siblings('.room-data'); $('.room-model').removeClass('hide'); var slidex=''; $roomdata.find('.img-data img').each(function(index,item){ slidex+='
'; }); $('.room-model .swiper-wrapper').html(slidex); $('.room-model .title').html($roomdata.find('.title-data').html()); $('.room-model-con .detail-info').html($roomdata.find('.detail-info').html()); roomV.reInit();//初始化 roomV.swipeTo(0, 0, false); _this._pagination(1); }) $('.room-model-con').on('click','.close',function(){ $('.room-model').addClass('hide'); }) }, _pagination:function(n){ $('.room-model-con .swiper-pagination').text(n+' / '+$('.room-model-con .swiper-slide').length); } } roomt.view(); // 内容菜单 var mainnav={ init:function(){ var w=0; var $wm1200=$(".mainnav .wm-1200"); var $con=$('.mainnav .con'); var $a= $('.mainnav .con a'); $a.each(function(){ w+=$(this).outerWidth(); }) $con.width(w+$a.length*13+50+'px'); if($con.width()>=1200){ $('.mainnav .mainnav-fixed').addClass('hidescroll'); } this._scroll($wm1200); this._click($wm1200,$con); this._aclick($('a[data-href]')); this._wscroll($a); }, _aclick:function($a){ $a.click(function(){ var md=$(this).attr('data-href') if($('#'+md).length!=0){ $("html, body").animate({ scrollTop: ($("#"+md+"").offset().top-55) },500); } }) }, _scroll:function($wm1200){ $wm1200.scroll(function(){ var scleft=$(this).scrollLeft() if(scleft==0){ $('.mainnav .prev').addClass('op5'); $('.mainnav .next').removeClass('op5'); }else{ $('.mainnav .prev').removeClass('op5'); $('.mainnav .next').addClass('op5'); } }) }, _click:function($wm1200,$con){ $('.mainnav .btn').click(function(){ if($(this).hasClass('prev')){ $wm1200.animate({ scrollLeft: 0 }) }else{ $wm1200.animate({ scrollLeft: $con.width()-1150 }) } }) }, _wscroll:function($a){ $(window).scroll(function(){ // 整栏浮动 if($(this).scrollTop()>$('.mainnav').offset().top){ $('.mainnav .mainnav-fixed').addClass('mainnav-fixed-y'); }else{ $('.mainnav .mainnav-fixed').removeClass('mainnav-fixed-y'); } // 滚动期间导航自动响应颜色 var offsettop=[]; var wscrolltop=$(window).scrollTop()+60; $a.each(function(index){ var datahref=$(this).attr('data-href'); offsettop.push($('#'+datahref).offset().top); }); offsettop.push(10000); for(var i=0;ioffsettop[i]&&wscrolltop