home.js 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229
  1. function getParams(url) {
  2. var theRequest = new Object();
  3. if (!url)
  4. url = location.href;
  5. if (url.indexOf("?") !== -1)
  6. {
  7. var str = url.substr(url.indexOf("?") + 1) + "&";
  8. var strs = str.split("&");
  9. for (var i = 0; i < strs.length - 1; i++)
  10. {
  11. var key = strs[i].substring(0, strs[i].indexOf("="));
  12. var val = strs[i].substring(strs[i].indexOf("=") + 1);
  13. theRequest[key] = val;
  14. }
  15. }
  16. return theRequest;
  17. }
  18. var objUrl = {}; //获取get参数
  19. var url = window.location.href;
  20. var osi = $(".siwh ul li").eq(0).attr('data-id');
  21. var params = getParams(url);
  22. if(!$.isEmptyObject(params)){
  23. $.each(params,function(key,val){
  24. objUrl[key] = val;
  25. })
  26. }
  27. /*----------------定义页面全局变量-----------------------*/
  28. // 页数
  29. var page = 0;
  30. // 每页展示5个
  31. var size = 10;
  32. //资讯ID
  33. var thisID=0;
  34. /*----------------------------------------------------------------------------------*/
  35. // 封装 ajax 方法
  36. function AjaxFn(){
  37. page = 0;
  38. page++;
  39. $.ajax({
  40. type: 'GET',
  41. url: '/news/homeform?&page='+page+'&limit='+size + '&cid='+thisID,
  42. dataType: 'json',
  43. success: function(data){
  44. if(data.code == 200){
  45. $('.news_list .ns').append(ModuleWay(data.data)); //调用选择模块
  46. }
  47. },
  48. error: function(xhr, type){
  49. }
  50. });
  51. }
  52. function ModuleWay(conditions){
  53. var _html="";
  54. $.each(conditions.data,function (key,val) {
  55. _html +='<div class="plan_one">';
  56. _html +='<a href="/news/details/'+val.id+'/">';
  57. _html +='<div class="plan_one_title">';
  58. _html +='<p class="text">'+val.subject+'</p>';
  59. _html +=' <p> <span class="guis">'+val.city_name+' </span><i>·</i><span class="data">'+val.open_time+'</span></p>';
  60. _html +='</div>';
  61. _html +='<div class="plan_one_img"><img src="'+conditions.url+val.thumb[0]+'" alt=""></div>';
  62. _html +='</a>';
  63. _html +='</div>';
  64. })
  65. return _html ;
  66. }
  67. $(function(){
  68. thisID=$('#demo06 ul li').eq(0).attr('data-id');
  69. // 判断 objUrl 是否从别到页面跳转到这里
  70. if(typeof objUrl.cid == "string"){
  71. thisID = objUrl.cid;
  72. }
  73. var ali= 0;
  74. // 点击切换导航栏 ajax 切换
  75. $(".siwh ul").on('click','li',function(){
  76. var $this = $(this);
  77. if($this.hasClass('cur')){
  78. return ;
  79. }else{
  80. $('.news_list .dropload-down').remove();
  81. thisID = $this.attr('data-id');
  82. $(".siwh ul li").removeClass('cur');
  83. $('.siwh ul li[data-id="'+thisID+'"]').addClass('cur');
  84. osi = thisID;
  85. page = 0;
  86. $('.news_list .ns').html(""); //切换内容之前先清空盒子
  87. // AjaxFn(); //调用Ajax方法
  88. // console.log(page);
  89. fun();
  90. }
  91. // thisID = $this.attr('data-id');
  92. // $(".siwh ul li").removeClass('cur');
  93. // // $('.siwh ul li[data-id="'+thisID+'"]').addClass('cur');
  94. // osi = thisID;
  95. // page = 0;
  96. // $('.news_list .ns').html(""); //切换内容之前先清空盒子
  97. // AjaxFn(); //调用Ajax方法
  98. // console.log(page);
  99. // fun();
  100. })
  101. function fun(){
  102. // 上滑加载
  103. $('.news_list').dropload({
  104. // 调用加载
  105. scrollArea : window,
  106. threshold:4/10,
  107. loadDownFn : function(me){
  108. // console.log('dropload:'+page);
  109. page++;
  110. $.ajax({
  111. type: 'GET',
  112. url: '/news/homeform?&page='+page+'&limit='+size + '&cid='+thisID,
  113. dataType: 'json',
  114. success: function(data){
  115. // console.log(data);
  116. if(data.code == 200){
  117. $('.news_list .ns').append(ModuleWay(data.data)) //调用选择模块
  118. //限制字符个数
  119. $(".news_list .plan_one").each(function(){
  120. var maxwidth=35;
  121. var _lenght = $(this).find('.plan_one_title .text').text().length
  122. var that = $(this).find('.plan_one_title .text')
  123. if(_lenght > maxwidth){
  124. that.text(that.text().substring(0,maxwidth));
  125. that.html(that.html()+'…');
  126. }
  127. });
  128. }else{
  129. // 锁定
  130. me.lock();
  131. // 无数据
  132. me.noData();
  133. }
  134. // alert(data);
  135. // 每次数据加载完,必须重置
  136. me.resetload();
  137. // me.resetload();
  138. // $('.dropload-down').hide();
  139. },
  140. error: function(xhr, type){
  141. // alert('Ajax error!');
  142. // 即使加载出错,也得重置
  143. me.resetload();
  144. }
  145. });
  146. }
  147. });
  148. }
  149. fun();
  150. })
  151. var mySwiper = new Swiper ('.swiper-container2', {
  152. autoplay: true,//可选选项,自动滑动
  153. speed:300,
  154. loop : true,
  155. autoplay:5000,//等同于以下设置
  156. pagination: '.swiper-pagination',
  157. lazyLoading : true,
  158. lazyLoadingInPrevNext : true,
  159. lazyLoadingOnTransitionStart : true,
  160. })
  161. //demo示例六 通过id调取
  162. $('#demo06').navbarscroll({
  163. defaultSelect:0,
  164. scrollerWidth:6,
  165. fingerClick:1,
  166. endClickScroll:function(obj){
  167. $(".siwh ul li").removeClass('cur');
  168. $('.siwh ul li[data-id="'+osi+'"]').addClass('cur');
  169. }
  170. });
  171. $(window).scroll(function (){
  172. var st = $(this).scrollTop();
  173. // console.log(st)
  174. if(st >300){
  175. $('.find_nav').show();
  176. //demo示例六 通过id调取
  177. $('#demo05').navbarscroll({
  178. defaultSelect:0,
  179. scrollerWidth:6,
  180. fingerClick:1,
  181. endClickScroll:function(obj){
  182. $(".siwh ul li").removeClass('cur');
  183. $('.siwh ul li[data-id="'+osi+'"]').addClass('cur');
  184. }
  185. });
  186. }else{
  187. $('.find_nav').hide();
  188. }
  189. });