// 拼团活动弹窗报名 $(function(){ // pintuan_a(); $('.puleft_ico').on('click',function(){ pintuan_a(); }) $('.pintuanBox_bg,.pintuanBox_gb a').on('click',function(){ $('.pintuanBox').hide(); $('.pintuanBox_bg').hide(); $('.puleft_ico').show(10); }) //报名验证提交的调用 PublicAction.AjaxSend({CORID:'in_buttom_c'/*操作ID*/}); $('.pintuanBox .submit_area .in_buttom_c').on('click',function(){ setTimeout(function(){ var _html = $('.alert-container .alert-content').html(); if(_html == '提交成功'){ $('.pintuanBox input[type="text"]').val(''); $('.pintuanBox').hide(); $('.pintuanBox_bg').hide(); $('.puleft_ico').show(10); } // console.log(_html); },2000) }) function pintuan_a(){ $('.pintuanBox_main .lptitle').html($('.basic_box h1').text()) $('.puleft_ico').hide(); $('.pintuanBox').show(10); $('.pintuanBox_bg').show(); } scrollFloor({ floorClass : '.scroll-floor', //楼层盒子class;默认为'.scroll-floor' navClass : '.scroll-nav', //导航盒子class;默认为'.scroll-nav' activeClass : 'active', //导航高亮class;默认为'active' delayTime:300, //点击导航,滚动条滑动到该位置的时间间隔;默认为200 activeTop:200, //楼层到窗口的某个位置时,导航高亮(设置该位置);默认为100 scrollTop:0 //点击导航,楼层滑动到窗口的某位置;默认为100 }); }) $(function(){ /* * 这里用于解决从 http://m.qww.com/zt/zhhant 专题进入楼盘首页修改为800的电话 */ //获取GET请求参数 function getParams(url) { var theRequest = new Object(); if (!url) url = location.href; if (url.indexOf("?") !== -1) { var str = url.substr(url.indexOf("?") + 1) + "&"; var strs = str.split("&"); for (var i = 0; i < strs.length - 1; i++) { var key = strs[i].substring(0, strs[i].indexOf("=")); var val = strs[i].substring(strs[i].indexOf("=") + 1); theRequest[key] = decodeURI(val) ; // decodeURI 解决中文字符乱码问题 } } return theRequest; } var url = window.location.href; var params = getParams(url); //获取get请求的参数 if(params.hasOwnProperty('ty')){ // console.log(params.ty) if(params.ty == 'hk'){ $('.y_housetel span').html('800-960298'); $('.y_telimg a').attr('href','tel:800960298'); $('#feng_citytel').html('800960298'); } } /*-------------------------------------------------------------------------------------*/ // 轮播图 // var mySwiper1 = new Swiper('#swiper1',{ // autoplay:true, //自动切换 // loop : true, //循环 // pagination: '.swiper-pagination', // paginationType : 'fraction', // paginationFractionRender: function (swiper, currentClassName, totalClassName) { // return '' + // ' / ' + // ''; // } // }) // 资讯分类 var swiper2 = new Swiper('#swiper22',{ loop : true, spaceBetween: 20, centeredSlides: true, slidesPerView: 'auto', touchRatio: 0.5, slideToClickedSlide: true }); $('.feng_album').on('click',function () { var _this = $(this); $('.feng_album').removeClass('on') _this.addClass('on'); // album_id: "6" // create_at: "1529718710" // del: "1" // hid: "3161" // id: "22830" // img: "5d1a58c5533e195ee9fffcbfa6472493.jpg" // sort: "0" // state: "1" // title: "富力布里斯本一号-交通图" // update_at: "1529718710" $.ajax({ type: 'POST', // url: '/house/albumsid', data:{id:_this.attr('value'),hid:_this.attr('data-id'),csrf_token_m:csrfToken}, dataType: 'json', success: function(data){ var result = ''; var result_pagination = ''; if(data.code == 200){ result += '
'; result += '
'; $.each(data.data,function (k,v) { result += '
'; }) result += '
'; result_pagination += '
'; result += '
'; // $('#swiper1 .swiper-wrapper').html(''); $('.swiper_container_box').html(result); $('.m_swiper-pagination_box').html(result_pagination); new Swiper('#swiper1',{ autoplay:true, //自动切换 loop : true, //循环 pagination: '.swiper-pagination', paginationType : 'fraction', // paginationFractionRender: function (swiper, currentClassName, totalClassName) { // return '' + // ' / ' + // ''; // } }) } }, error: function(xhr, type){ } }); }) // 点击第一个 $('.result a.feng_album').eq(0).click(); $('.lp_box').on('click','li',function(){ album_click(); }) $('.lp_box ul li').eq(0).click(); function album_click(){ $("#lightgallery").lightGallery(); // $('.optionMore').html(''); // var Getoption = $('.find_nav_list'); // $('.optionMore').append(Getoption.clone(true)); // $('.optionMore').find('.find_nav_list').addClass('find_nav_list2'); // $('.find_nav_list2 ul li').on('click',function(){ // var _value = $(this).attr('value') // $('.find_nav_list ul li').each(function(){ // var _vl = $(this).attr('value'); // if(_value == _vl){ // $(this).addClass('in').siblings().removeClass('in'); // } // }) // }) } // 展开 // $('.lp_unfold').on("click",function(){ // $(this).html('收起'); // $('.lp_ctn').css({'height':'auto','overflow':'inherit'}) // if(!$(this).hasClass('in')){ // $(this).addClass('in'); // }else{ // $(this).removeClass('in'); // } // if($(this).hasClass('in')){ // // console.log($(this).hasClass('in')) // $(this).html("展开"); // $('.lp_ctn').css({'height':'105px','overflow':'hidden'}) // } // }) // $('.m_lpAnalysis_text_box .m_lpAnalysis_text').eq(0).show(); // $('.m_lpAnalysis .m_lpAnalysis_li').eq(0).find('span').attr('class','on'); // $('.m_lpAnalysis .m_lpAnalysis_li').eq(0).find('i').attr('class','on'); // $('.m_lpAnalysis .m_lpAnalysis_li').on('click',function(){ // var idQH = $(this).attr('qhid') // $('.m_lpAnalysis_text').hide(); // $('.m_lpAnalysis_text[qhid="'+idQH+'"]').show(); // $(this).find('span').attr('class','on').parent().siblings().find('span').attr('class',''); // $(this).find('i').attr('class','on').parent().siblings().find('i').attr('class',''); // }) var _lpid = $('.lp_gd').attr('lpid'); //获取楼盘ID var _Width = $('#lightgallery li').outerWidth(); //获取 LI 宽度 var _margin = parseInt( $('#lightgallery li').css('marginRight')); //获取 LI 的 margin var ulWidth= $('#lightgallery').outerWidth(); // UL 的 宽度 var liLength= $('#lightgallery li').length; //获取 LI的 个数 var Total_length = _margin * (liLength -1)+(_Width * liLength) + 70 - ulWidth; // console.log(Total_length); // 资讯分类 if(liLength >= 3){ // 户型 var swiper3 = new Swiper('#swiper23',{ slidesPerView : 'auto', slidesPerGroup : 2, onTouchEnd: function(swiper){ // 移动松开后 跳转 TR=swiper.translate // console.log(TR); if(TR < -Total_length){ swiper.setWrapperTranslate(TR); location.href ="http://m.qianwuwang.com/house/housetype/"+_lpid+"/"; }; }, onTouchMove: function(swiper){ // 移动执行 TR=swiper.translate if(TR<-Total_length){ $('.lp_gd').attr('id','lp_gd1'); $('.lp_gd').show(); }else{ $('.lp_gd').attr('id','lp_gd'); $('.lp_gd').hide(); } } }); } var _zxWidth = $('#swiper_feng ul li').outerWidth(); //获取 LI 宽度 var _zxmargin = parseInt( $('#swiper_feng ul li').css('marginRight')); //获取 LI 的 margin var zxulWidth= $('#swiper_feng ul').outerWidth(); // UL 的 宽度 var _zxlength = $('#swiper_feng ul li').length; var feng_length = _zxmargin * (_zxlength -1)+(_zxWidth * _zxlength) + 70 - zxulWidth; // console.log(feng_length); // 资讯分类 if(_zxlength > 1){ var aaaa = new Swiper('#swiper_feng',{ slidesPerView : 'auto', slidesPerGroup : 1, onTouchEnd: function(swiper){ // 移动松开后 跳转 TR=swiper.translate if(TR < -feng_length){ swiper.setWrapperTranslate(TR); location.href ="http://m.qianwuwang.com/house/summary/"+_lpid+"/"; }; }, onTouchMove: function(swiper){ // 移动执行 TR=swiper.translate console.log(TR); if(TR<-feng_length){ $('.classify_gd').attr('id','classify_gd'); $('.classify_gd').show(); }else{ $('.classify_gd').attr('id','classify_gd'); $('.classify_gd').hide(); } } }); } // 汇率弹窗 $('.m_conversion').on('click',function(){ $('.exchange_rate_box').fadeIn(100); }) $('.exchange_gb').on('click',function(){ $('.exchange_rate_box').fadeOut(100); }) }) var ster = 0; // 头部导航 $(window).scroll(function (){ ster = $(this).scrollTop(); navign4(ster); }); var dir4 = $(document).scrollTop(); navign4(dir4); function navign4(st){ if(st >180){ $('.y_v3homeNav').show(); $('.m_top').attr('id',''); }else{ $('.y_v3homeNav').hide(); $('.m_top').attr('id','m_top'); } } // 楼盘分析 $('.m_lpfx .m_lpAnalysis .m_lpAnalysis_li').eq(0).attr('id','on') var _qhid =''; $('.m_lpfx .m_lpAnalysis .m_lpAnalysis_li').on('click',function(){ _qhid = $(this).attr('m_qhid'); _type = $(this).attr('type'); $(this).attr('id','on').siblings().attr('id',''); ajax_lp(); }) function ajax_lp(){ var html = ''; $.ajax({ url: "/info/getinfo", // 索取 data:{hid:_qhid,type:_type,csrf_token_m:csrfToken}, //传ID type: "GET", dataType: "json", success: function(data) {//请求成功完成后要执行的方法 html+='
'; if(data.code == 200){ if(data.data.analysis){ html+='
'+data.data.analysis+'
'; }else if(data.data.terms){ html+='
'+data.data.terms+'
'; }else{ html+='
'; html+='
'; html+=''; html+='
暂无数据
'; html+='
'; html+='
'; } }else{ html+='
'; html+='
'; html+=''; html+='
暂无数据
'; html+='
'; html+='
'; } html+='
'; $('.m_lpfx_text_box').html(html); imgauto(); } }); } //处理图片 自动高度 function imgauto(){ $('.m_lpfx_text img').each(function(){ $('.m_lpfx_text img').css({'height':'auto'}); }) } var _top = ''; $('.m_commentary').on('click',function(){ $('.m_lpfx_box').fadeIn(80); $('.m_lpfx').animate({bottom:'0%'},400); _top = $(window).scrollTop(); // 弹窗开启 遮罩层以外的东西不移动 $('body').css("top",-ster+"px"); $('body').addClass('add'); $('.m_top').hide(); $('.m_commentary').hide(); $('.m_lpAnalysis_li[type="analysis"]').click(); }) $('.m_lpfx_zhez').on('click',function(){ $('.m_top').show(); setTimeout(function(){ $('.m_commentary').show(); },400) $('.m_lpfx').animate({bottom:'-88%'},400); setTimeout(function(){ $('.m_lpfx_box').fadeOut(80); },400) $('body').removeClass('add');//去掉给body的类 $(window).scrollTop(_top);//设置页面滚动的高度,如果不设置,关闭弹出层时页面会回到顶部。 }) $('.m_lpfx_gb').on('click',function(){ $('.m_top').show(); setTimeout(function(){ $('.m_commentary').show(); },400) $('.m_lpfx').animate({bottom:'-88%'},400); setTimeout(function(){ $('.m_lpfx_box').fadeOut(80); },400) $('body').removeClass('add');//去掉给body的类 $(window).scrollTop(_top);//设置页面滚动的高度,如果不设置,关闭弹出层时页面会回到顶部。 }) // 楼盘分析 购房须知 $('.m_lpfx_text').find('img').each(function(){ var $that = $(this); $that.removeAttr('width'); $that.removeAttr('height'); $that.css({'display':'block','width':'100%','height':'auto'}); }) jQuery(window).bind('scrollstart', function(){ $('.m_commentary').animate({left:'-43px'},400); }); jQuery(window).bind('scrollstop', function(e){ $('.m_commentary').animate({left:'0px'},400); }); // 视频 $('.m_lpvideo_img').on('click',function(){ //处理视频播放图标 var _video = document.getElementById("myVideo"); myVideo.play(); //点击图标视频播放 $('.m_video_sp').attr('controls','controls'); //点击 显示默认的控件 $(this).hide(); }) // 资讯分类 var m_swiperv2 = new Swiper('#m_swiperv2',{ // autoplay:true, //自动切换 autoplay:5500, loop : true, //循环 pagination: '.swiper-pagination', paginationType : 'fraction', paginationFractionRender: function (swiper, currentClassName, totalClassName) { return '' + ' / ' + ''; } }); $(function(){ $('.timew').html('有效期:'+timew) }) /*-----------------------------------------百度地图-----------------------------------------------------------*/ $(function(){ var _lTude= ''; _lTude =$('#y_lpmap').attr('data-jwd'); //获取经纬度 if (_lTude != undefined && _lTude != '') { var pintx = parseFloat(_lTude.split(',')[0]); var pinty = parseFloat(_lTude.split(',')[1]); masw(pintx,pinty); }; }) function masw(len,lng){ mapboxgl.accessToken = 'pk.eyJ1IjoicWlhbnd1MTQzNiIsImEiOiJjazZxZ2NyaGYwM3V6M2tueGZpb3FsYTYyIn0.lSEEDlQog3bc59KiDdx61g'; var map = new mapboxgl.Map({ container: 'map', style: 'mapbox://styles/mapbox/streets-v11', center: [len,lng], // starting position [lng, lat] zoom: 13 // starting zoom }); map.on('load', function() { map.loadImage('/image/home_ico38.png', function(error, image) { if (error) throw error; map.addImage('cat', image); map.addLayer({ "id": "points", "type": "symbol", "source": { "type": "geojson", "data": { "type": "FeatureCollection", "features": [{ "type": "Feature", "geometry": { "type": "Point", "coordinates": [len,lng], } }] } }, "layout": { "icon-image": "cat", "icon-size": 0.5 } }); }); }); } var Homeurl=window.location.href $(function(){ var telurl=$('.y_modtel .y_modtel_text p.y_call span').html(); if(Homeurl.indexOf("?source=pc")!=-1){ return window.location.href = 'tel:'+telurl; }; }) // 楼盘解说-展开详情 // $('.js_AnswersB').on('click',function(){ // $('.js_Answersmain').animate({'bottom':'0px'}); // $('.js_Answersmain_bg').show(); // // $('.js_centerImg img').each(function(){ // $('.js_centerImg img').css({'height':'auto','width':'100%'}); // }) // }) // // $('.js_Answersmain_bg,.js_Answersmain_gb').on('click',function(){ // $('.js_Answersmain').animate({'bottom':'-100%'}); // $('.js_Answersmain_bg').hide(); // })