search_ajax.js 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200
  1. (function($){
  2. $.fn.extend({
  3. select4:function(options){
  4. var defaults = {
  5. ajax_url:true
  6. }
  7. var options = $.extend(defaults, options);
  8. return this.each(function(){
  9. var mythis = $(this);
  10. var mythis2 = $('.y_scriptm');
  11. $(document).on("click",".select4_box li",function(){
  12. mythis.val($(this).find('a span.y_left').attr('title'));
  13. $(".select4_box").remove();
  14. $('.y_scriptm').hide();
  15. });
  16. $(document).click(function(event) {
  17. $(".select4_box").remove();
  18. $('.y_scriptm').hide();
  19. });
  20. $(".select4_box").click(function(event) {
  21. event.stopPropagation();
  22. });
  23. mythis.click(function(event) {
  24. var val = $(this).val();
  25. $.ajax({
  26. url:options.ajax_url,
  27. dataType:"json",
  28. data:{title:val},
  29. success:function(data){
  30. mythis2.html('');
  31. if(data.code == 200){
  32. var html = '<div class="select4_box"><ul>';
  33. var price = '待定';
  34. var unit = '';
  35. $.each(data.data,function(k,v){
  36. if(v.sale_price != ''&&v.sale_price != null && v.sale_price !=0){
  37. price = v.sale_price;
  38. unit = v.price_unit;
  39. }
  40. var nemeleng=v.name;
  41. if (nemeleng.length>8) {
  42. var nametext=nemeleng.substring(0,8)+"...";
  43. }else{
  44. var nametext=nemeleng;
  45. };
  46. html += '<li class="c"><a href="/house/'+v.id+'/"><span class="y_left" title="'+v.name+'"><em>'+nametext+'</em><i>('+v.city_name+')</i></span> <span class="y_right"><em>'+price+'</em>'+unit+'</span></a></li>';
  47. });
  48. html+='</ul></div>'
  49. $(".select4_box").remove();
  50. mythis2.html(html);
  51. $('.y_scriptm').show();
  52. }
  53. }
  54. });
  55. });
  56. var u = navigator.userAgent;
  57. var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
  58. console.log(isiOS);
  59. if(isiOS){
  60. mythis.bind('input propertychange',function(event) {
  61. if(event.keyCode==40){
  62. var index = $(".select4_box li.active").index()+1;
  63. $(".select4_box li").eq(index).addClass('active').siblings().removeClass('active');
  64. mythis.val($(".select4_box li.active span.y_left").attr('title'));
  65. }else if(event.keyCode==38){
  66. var index = $(".select4_box li.active").index()-1;
  67. if(index<0){
  68. index = $(".select4_box li").length-1;
  69. }
  70. $(".select4_box li").eq(index).addClass('active').siblings().removeClass('active');
  71. mythis.val($(".select4_box li.active span.y_left").attr('title'));
  72. }else if(event.keyCode==13){
  73. event.stopPropagation();
  74. mythis.val($(".select4_box li.active span.y_left").attr('title'));
  75. return false;
  76. }else{
  77. mythis.trigger("click");
  78. }
  79. });
  80. }else{
  81. mythis.keyup(function(event) {
  82. if(event.keyCode==40){
  83. var index = $(".select4_box li.active").index()+1;
  84. $(".select4_box li").eq(index).addClass('active').siblings().removeClass('active');
  85. mythis.val($(".select4_box li.active span.y_left").attr('title'));
  86. }else if(event.keyCode==38){
  87. var index = $(".select4_box li.active").index()-1;
  88. if(index<0){
  89. index = $(".select4_box li").length-1;
  90. }
  91. $(".select4_box li").eq(index).addClass('active').siblings().removeClass('active');
  92. mythis.val($(".select4_box li.active span.y_left").attr('title'));
  93. }else if(event.keyCode==13){
  94. event.stopPropagation();
  95. mythis.val($(".select4_box li.active span.y_left").attr('title'));
  96. return false;
  97. }else{
  98. mythis.trigger("click");
  99. }
  100. });
  101. }
  102. });
  103. }
  104. });
  105. })(jQuery);
  106. $(function(){
  107. $(".y_headerscr").select4({"ajax_url":"/house/searchname"});
  108. $('.back_search_m .form a.submit').on('click',function(){
  109. var inptext=$('.y_headerscr').val();
  110. window.location.href = '/house/search?name='+inptext;
  111. })
  112. $(document).keydown(function(event){
  113. if(event.keyCode==13){
  114. $(".y_lpsubmit").click();
  115. }
  116. });
  117. // 输入清除显示与隐藏
  118. $('.index_form input[type="search"]').on('keyup',function(){
  119. var txt = $(this).val();
  120. console.log(txt);
  121. if(txt != ''){
  122. $('.index_form .w_cls').show();
  123. }else{
  124. $('.index_form .w_cls').hide();
  125. }
  126. })
  127. // 清除功能
  128. $('.index_form .w_cls').on('click',function(){
  129. $('.index_form input[type="search"]').val('');
  130. $(this).hide();
  131. })
  132. });
  133. function search(){
  134. var inptext=$('.y_headerscr').val();
  135. window.location.href = '/house/search?name='+inptext;
  136. }
  137. $(function(){
  138. $('.y_publicright').on('click',function(){
  139. var that = $(this);
  140. if(that.hasClass('ion')){
  141. that.removeClass('ion');
  142. $('.y_sidebar').animate({left:"100%"});
  143. }else{
  144. that.addClass("ion");
  145. $('.y_sidebar').animate({left:"0%"});
  146. }
  147. shanwutong(); //修改商务通层级 /js/nav.js
  148. })
  149. $('.y_sidebar_bg').on('click',function(){
  150. $(this).parent().animate({left:"100%"});
  151. if($('.y_publicright').hasClass('ion')){
  152. $('.y_publicright').removeClass('ion');
  153. }
  154. })
  155. setInterval(function(){
  156. $('#LXB_CONTAINER_SHOW').css({"bottom":"63px","top":"auto","left":"0","right":"auto"});
  157. },80);
  158. })
  159. function shanwutong(){
  160. setTimeout(function(){
  161. $('#LXB_CONTAINER_SHOW,#LRfloater3').css({'z-index':'5'});
  162. },80);
  163. }