Notice.js 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. // //导航移动 demo示例六 通过id调取
  2. $('#demo06').navbarscroll({
  3. defaultSelect: 0 , //默认选中
  4. scrollerWidth:4,
  5. fingerClick:1,
  6. endClickScroll:function(obj){
  7. // console.log(obj.text())
  8. }
  9. });
  10. var idData = ""; // 导航类型ID
  11. var listId = 0; //资讯id
  12. $('.m_click li').on('click',function(){ // 导航切换
  13. var idSwitch = $(this).attr('switch');
  14. $(this).attr('id','cur').siblings().attr('id','');
  15. switch(idSwitch) // 切换判断
  16. {
  17. case 'false':
  18. $('.m_notice_list_box').show();
  19. $(this).attr('switch','true').siblings().attr('switch','false');
  20. $('.m_albumtnav_zhez').show();
  21. break;
  22. case 'true':
  23. $('.m_notice_list_box').hide();
  24. $(this).attr('switch','false');
  25. $('.m_albumtnav_zhez').hide();
  26. break;
  27. }
  28. idData = $(this).attr('dataid'); // 获取类型ID
  29. ajax_list(); // 导航列表数据
  30. })
  31. $('.m_albumtnav_zhez').on('click',function(){ // 遮罩层
  32. $(this).hide();
  33. $('.m_notice_list_box').hide();
  34. $('.m_click li').attr('switch','false');
  35. })
  36. AjaxFn(); //资讯列表数据
  37. function ajax_list(){ // 导航列表数据
  38. var html = '';
  39. $.ajax({
  40. url: "/knowledgebase/getnav",
  41. data:{id:idData},
  42. type: "GET",
  43. dataType: "json",
  44. success: function(data) {//请求成功完成后要执行的方法
  45. $.each(data.data, function (i, data) { //左边楼盘列表
  46. html+='<li zxid="'+data.id+'">'+data.name+'</li>';
  47. });
  48. $(".m_notice_list_box ul").html(html);
  49. $('.m_notice_list_box ul li').on('click',function(){ //导航列表
  50. $('.m_zx_list_box ul').html(""); //切换内容之前先清空盒子
  51. $('.m_albumtnav_zhez').hide();
  52. $('.m_notice_list_box').hide();
  53. $('.m_click li').attr('switch','false');
  54. listId = $(this).attr('zxid');
  55. // console.log(listId);
  56. AjaxFn(); //资讯列表数据
  57. })
  58. }
  59. });
  60. }
  61. // 报名窗口
  62. var w_li ='';
  63. w_li +='<div class="m_zxbm_box">';
  64. w_li +='<a class="popup" href="javascript:;" data-name="报名看房" data-text="我们将为您保密个人信息!专业团队,一对一服务,让你全程无忧看房!" data-id="0" data-module="44">';
  65. w_li +='<img src="/image/wgfxz.png" alt="">';
  66. w_li +='</a>';
  67. w_li +='</div>';
  68. function AjaxFn(){ //资讯列表数据
  69. page = 0;
  70. size = 10;
  71. page++;
  72. $.ajax({
  73. type: 'GET',
  74. url: '/knowledgebase/getlist?&page='+page+'&limit='+size+'&id='+listId,
  75. // url: '/knowledgebase/getlist'+txt+'&page='+page+'&limit='+size,
  76. dataType: 'json',
  77. success: function(data){
  78. // if(data.code == 200){
  79. $('.m_zx_list_box ul').append(ModuleWay(data)) //调用选择模块
  80. // 报名窗口插入
  81. var on_off = true;
  82. if(on_off){
  83. $('.m_zx_list_box ul li').eq(3).after(w_li)
  84. on_off = false;
  85. }
  86. fun(); // 上滑加载
  87. // }
  88. // console.log(data.data);
  89. // 每次数据加载完,必须重置
  90. // me.resetload();
  91. },
  92. error: function(xhr, type){
  93. // alert('Ajax error!');
  94. // 即使加载出错,也得重置
  95. // me.resetload();
  96. }
  97. });
  98. // 上滑加载
  99. // $('.news_list').dropload({
  100. // // 调用加载
  101. // scrollArea : window,
  102. // threshold:2/3,
  103. // loadDownFn : function(me){
  104. //
  105. // }
  106. // });
  107. }
  108. // 选择各个模块
  109. function ModuleWay(data){
  110. var html ="";
  111. $.each(data.data, function (i, data) { //左边楼盘列表
  112. html+='<li class="c">';
  113. html+='<a href="/knowledgebase/details/'+data.id+'/">';
  114. html+='<div class="m_zx_listimg"><img src="http://img.yigouf.com/pc/newsknowledge/'+data.thumb[0]+'" alt=""></div>';
  115. html+='<div class="m_zx_listText">';
  116. html+='<em>'+data.subject+'</em>';
  117. html+='<p>'+data.name+'</p>';
  118. html+='</div>';
  119. html+='</a>';
  120. html+='</li>';
  121. })
  122. return html ;
  123. }
  124. function fun(){
  125. // 上滑加载
  126. $('.m_zx_list_box').dropload({
  127. // 调用加载
  128. scrollArea : window,
  129. // threshold:2/3,
  130. loadDownFn : function(me){
  131. page++;
  132. // $('.dropload-down').show();
  133. $.ajax({
  134. type: 'GET',
  135. url: '/knowledgebase/getlist?&page='+page+'&limit='+size+'&id='+listId,
  136. // url: '/knowledgebase/getlist?&page='+page+'&limit='+size + '&id='+zxId,
  137. dataType: 'json',
  138. success: function(data){
  139. // console.log(data);
  140. if(data.code == 200){
  141. $('.m_zx_list_box ul').append(ModuleWay(data)) //调用选择模块
  142. }else{
  143. // 锁定
  144. me.lock();
  145. // 无数据
  146. me.noData();
  147. // me.resetload();
  148. }
  149. // alert(data);
  150. // 每次数据加载完,必须重置
  151. setTimeout(function(){
  152. // 插入数据到页面,放到最后面
  153. // $('.m_category_zx_box').append(result);
  154. // 每次数据插入,必须重置
  155. me.resetload();
  156. },500);
  157. $('.dropload-down').eq(0).show().siblings('.dropload-down').remove();
  158. },
  159. error: function(xhr, type){
  160. // alert('Ajax error!');
  161. // 即使加载出错,也得重置
  162. // me.resetload();
  163. }
  164. });
  165. }
  166. });
  167. $(window).scroll(function(){
  168. $('.m_notice_list_box').hide();
  169. $('.m_albumtnav_zhez').hide();
  170. $('.m_click li').attr('switch','false');
  171. })
  172. }