home.js 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
  1. $(function(){
  2. // 页数
  3. var page = 0;
  4. // 每页展示5个
  5. var size = 5;
  6. // 上滑加载
  7. $('.list_box_cen').dropload({
  8. // 调用加载
  9. scrollArea : window,
  10. // threshold:2/3,
  11. loadDownFn : function(me){
  12. page++;
  13. $('.dropload-down').show();
  14. $.ajax({
  15. type: 'POST',
  16. // url: './js/miracle.json?&page='+page+'&limit='+size,
  17. url: '/weirdo/homeform',
  18. dataType: 'json',
  19. data:{page:page,limit:size,csrf_token_m:csrfToken},
  20. success: function(data){
  21. $('.line').hide();
  22. if(data.code == 200){
  23. $('.list_box_cen > ul').append(ModuleWay(data.data)) //调用选择模块
  24. var lihref ="";
  25. $('.m_fxcj').on('click',function(){
  26. var gb = $(this).parent().find('.m_fx').attr('id')
  27. // console.log(gb)
  28. if (gb == 'no') {
  29. $(this).parent().find('.m_fx').attr('id','').parent().parent().parent().siblings().find('.m_fx').attr('id','no');
  30. }else if(gb !== 'no'){
  31. $(this).parent().find('.m_fx').attr('id','no');
  32. };
  33. lihref = $(this).attr('DataId');
  34. console.log(lihref);
  35. /*
  36. * 动态设置百度分享URL的函数,具体参数
  37. * cmd为分享目标id,此id指的是插件中分析按钮的ID
  38. *,我们自己的文章ID要通过全局变量获取
  39. * config为当前设置,返回值为更新后的设置。
  40. */
  41. function SetShareUrl(cmd, config) {
  42. if (lihref) {
  43. config.bdUrl = "m.pinfangw.com/weirdo/details/"+lihref+"/";
  44. }
  45. return config;
  46. }
  47. //插件的配置部分,注意要记得设置onBeforeClick事件,主要用于获取动态的文章ID
  48. window._bd_share_config = {
  49. "common": {
  50. onBeforeClick:SetShareUrl,"bdSnsKey":{},"bdText":"","bdMini":"2"
  51. ,"bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"
  52. }, "share": {}
  53. };
  54. //插件的JS加载部分
  55. with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+ ~(-new Date() / 36e5)];
  56. })
  57. }else{
  58. // 锁定
  59. me.lock();
  60. // 无数据
  61. me.noData();
  62. }
  63. // alert(data);
  64. // 每次数据加载完,必须重置
  65. // setTimeout(function(){
  66. // // 插入数据到页面,放到最后面
  67. // $('.news_list').append(result);
  68. // // 每次数据插入,必须重置
  69. // me.resetload();
  70. // },100);
  71. me.resetload();
  72. },
  73. error: function(xhr, type){
  74. $('.line').show();
  75. me.resetload();
  76. }
  77. });
  78. }
  79. });
  80. function ModuleWay(data){
  81. var _html="";
  82. $.each(data,function (key,val) {
  83. _html += '<li>';
  84. _html += '<div class="list_li">';
  85. _html += '<div class="list_li_img">';
  86. _html += '<a href="/weirdo/details/'+val.id+'/" ><img src="'+val.thumb+'" alt=""></a>';
  87. _html += '</div>';
  88. _html += '<div class="list_li_font">';
  89. _html += '<p class="m_fxcj" DataId="'+val.id+'">';
  90. _html += '<img src="/image/weirdo/share.png" alt="">';
  91. _html += '<span>分享</span>';
  92. _html += '</p>';
  93. _html += '<p>';
  94. _html += '<img src="/image/weirdo/browse.png" alt="">';
  95. _html += '<span>'+val.click+'</span>';
  96. _html += '</p>';
  97. _html += '<div class="m_fx" id="no">';
  98. _html += '<span class="bdsharebuttonbox" data-tag="share_1">';
  99. _html += '<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>';
  100. _html += '<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>';
  101. _html += '<a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>';
  102. _html += '<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>';
  103. // _html += '<a class="bds_more" data-cmd="more"></a>';
  104. _html += '</span>';
  105. _html += '</div>';
  106. _html += '</div>';
  107. _html += '</div>';
  108. if(val.short_subject != '' && val.short_subject != null){
  109. _html += '<div class="list_font_box"><a href="/weirdo/details/'+val.id+'/">'+val.short_subject+'</a></div>';
  110. } else {
  111. _html += '<div class="list_font_box"><a href="/weirdo/details/'+val.id+'/">'+val.subject+'</a></div>';
  112. }
  113. _html += '</li>';
  114. })
  115. return _html;
  116. }
  117. })