// 拼团活动弹窗报名
$(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();
// })