majorlookhouse.js 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. // var widH=$(window).height();
  2. // $('.Latitude_bg').height(widH+'px');
  3. $(function(){
  4. $('.Latitude_top a').on('click',function(){
  5. var DaName=$(this).attr('data-name');
  6. var cid=$(this).attr('data-id');
  7. var showH=$('.showbox_pulid').height();
  8. var titH=$('.title_h').height();
  9. $('.classify_m').css({'height':(showH-titH)+'px'});
  10. switch(DaName){
  11. case 'city':
  12. $('.showbox_'+DaName).animate({'bottom':'0'},300);
  13. $('.showbox_bg').fadeIn(80);
  14. city_f(DaName,{id:cid},'/public/getcity');
  15. break;
  16. case 'type':
  17. $('.showbox_'+DaName).animate({'bottom':'0'},300);
  18. $('.showbox_bg').fadeIn(80);
  19. city_f(DaName,'','/public/types');
  20. break;
  21. case 'pric':
  22. $('.showbox_'+DaName).animate({'bottom':'0'},300);
  23. $('.showbox_bg').fadeIn(80);
  24. city_f(DaName,'','/public/saleprice');
  25. break;
  26. }
  27. })
  28. $('.showbox_bg').on('click',function(){
  29. $('.showbox_pulid').animate({'bottom':'-100%'},300);
  30. $(this).fadeOut(80);
  31. })
  32. function city_f(name,cid,url){
  33. $.ajax({
  34. type: 'POST',
  35. url: url,
  36. data:cid,
  37. dataType: 'json',
  38. success: function(data){
  39. if(data.code == 200){
  40. var _list='';
  41. if (name=='city') {
  42. _list+='<a href="javascript:;" data-name="'+name+'" data-id="0" >不限</a>';
  43. $.each(data.data,function(k,v){
  44. _list+='<a href="javascript:;" data-name="'+name+'" data-id="'+v.id+'">'+v.city_name+'</a>';
  45. })
  46. $('.city_piue').html(_list);
  47. }else if (name=='type') {
  48. _list+='<a href="javascript:;" data-name="'+name+'" data-id="0" >不限</a>';
  49. $.each(data.data,function(k,v){
  50. _list+='<a href="javascript:;" data-name="'+name+'" data-id="'+v.id+'">'+v.huxing_name+'</a>';
  51. })
  52. $('.type_main').html(_list);
  53. }else if (name=='pric') {
  54. _list+='<a href="javascript:;" data-name="'+name+'" data-id="0" >不限</a>';
  55. $.each(data.data,function(k,v){
  56. _list+='<a href="javascript:;" data-name="'+name+'" data-id="'+v.id+'">'+v.price+'</a>';
  57. })
  58. $('.pric_main').html(_list);
  59. };
  60. }
  61. },
  62. error: function(){
  63. console.log('数据请求失败!');
  64. }
  65. })
  66. }
  67. $('.city_piue').on('click','a',function(){
  68. var idname=$(this).attr('data-name')
  69. var id=$(this).attr('data-id')
  70. $(this).addClass('on').siblings().removeClass('on');
  71. if (id=="0") {
  72. $('.Latitude_top a[data-name='+idname+']').find('span').html($(this).html())
  73. $('.Latitude_top a[data-name='+idname+']').find('span').attr('data-id',id);
  74. $('input.input-'+idname).val($(this).html());
  75. $('.showbox_pulid').animate({'bottom':'-100%'},300);
  76. $('.showbox_bg').fadeOut(80);
  77. $('.city_piue').css({'width':'100%'});
  78. $('.city_piue_m').animate({'right':'-100%'},300)
  79. }else{
  80. var txt=$(this).html()
  81. var txtid=$(this).attr('data-id')
  82. var txtname=$(this).attr('data-name')
  83. $('.city_piue').css({'width':'25%'});
  84. $('.city_piue_m').animate({'right':'0'},300)
  85. $.ajax({
  86. type: 'POST',
  87. url: '/public/getcity',
  88. data:{id:txtid},
  89. dataType: 'json',
  90. success: function(data){
  91. if(data.code == 200){
  92. var _list='';
  93. _list+='<a href="javascript:;" data-name="'+txtname+'" data-id="'+txtid+'" data-text="'+txt+'">不限</a>';
  94. $.each(data.data,function(k,v){
  95. _list+='<a href="javascript:;" data-name="city" data-id="'+v.id+'">'+v.city_name+'</a>';
  96. })
  97. $('.city_piue_m').html(_list);
  98. }
  99. },
  100. error: function(){
  101. console.log('数据请求失败!');
  102. }
  103. })
  104. };
  105. })
  106. $('.classify_m').on('click','a',function(){
  107. var idname=$(this).attr('data-name')
  108. var id=$(this).attr('data-id')
  109. $(this).addClass('on').siblings().removeClass('on');
  110. if ($(this).attr('data-text')) {
  111. $('.Latitude_top a[data-name='+idname+']').find('span').html($(this).attr('data-text'))
  112. }else{
  113. $('.Latitude_top a[data-name='+idname+']').find('span').html($(this).html())
  114. };
  115. $('.Latitude_top a[data-name='+idname+']').find('span').attr('data-id',id);
  116. $('input.input-'+idname).val($(this).html());
  117. $('.showbox_pulid').animate({'bottom':'-100%'},300);
  118. $('.showbox_bg').fadeOut(80);
  119. })
  120. //报名验证及提交的调用
  121. PublicAction.AjaxSend(
  122. {
  123. CORID:'button_box', /*操作ID*/
  124. }
  125. );
  126. $('.submit_area .apply_submit').on('click',function(){
  127. setTimeout(function(){
  128. var _html = $('.alert-container .alert-content').html();
  129. if(_html == '提交成功'){
  130. $('.boxform input[name="mobile"]').val('');
  131. $('.Latitude_top a[data-name="city"]').find('span').html('城市')
  132. $('.Latitude_top a[data-name="type"]').find('span').html('居室')
  133. $('.Latitude_top a[data-name="pric"]').find('span').html('预算')
  134. }
  135. // console.log(_html);
  136. },300)
  137. })
  138. $(".textarea_box").keyup(function(){
  139. $this=$(this);
  140. $(".input-message").val($this.val());
  141. })
  142. })