pj_home.js 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. $(function(){
  2. /*品鉴列表页*/
  3. /*----------------------------------------------------------------------*/
  4. // 页数
  5. var page = 0;
  6. // 每页展示5个
  7. var size = 10;
  8. // 上滑加载
  9. $('.list_examine').dropload({
  10. // 调用加载
  11. scrollArea : window,
  12. // threshold:2/3,
  13. loadDownFn : function(me){
  14. page++;
  15. $('.dropload-down').show();
  16. $.ajax({
  17. type: 'get',
  18. url: '/pj/homeform?&page='+page+'&limit='+size,
  19. dataType: 'json',
  20. success: function(data){
  21. $('.line').hide();
  22. if(data.code == 200){
  23. $('.list_examine > ul').append(ModuleWay(data.data)) //调用选择模块
  24. }else{
  25. // 锁定
  26. me.lock();
  27. // 无数据
  28. me.noData();
  29. }
  30. // alert(data);
  31. // 每次数据加载完,必须重置
  32. // setTimeout(function(){
  33. // // 插入数据到页面,放到最后面
  34. // $('.news_list').append(result);
  35. // // 每次数据插入,必须重置
  36. // me.resetload();
  37. // },100);
  38. me.resetload();
  39. },
  40. error: function(xhr, type){
  41. $('.line').show();
  42. me.resetload();
  43. }
  44. });
  45. }
  46. });
  47. function ModuleWay(data){
  48. var _html="";
  49. $.each(data,function (key,val) {
  50. if(key == 0){
  51. $('.m_adorn_title > span i').html(val.type + '风');
  52. $('.m_adorn_title > a').attr('href','/pj/details/'+val.id+'/');
  53. $('.m_adorn_title > a img').attr("src",val.img);
  54. $('.adorn_f >span a').attr('href','/pj/details/'+val.id+'/');
  55. $('.adorn_f >span a').html(val.title);
  56. $('.adorn_f > p span').html('浏览'+val.click+'次');
  57. }else{
  58. _html += '<li>';
  59. _html += '<div class="examine_box">';
  60. _html += '<span><i>'+val.type+'风</i><img src="/image/pj/adorn/title_label1.png" alt=""></span>'
  61. _html += '<div class="en_img">';
  62. _html += '<a href="/pj/details/'+val.id+'/"><img src="'+val.img+'" alt="" /></a>'
  63. _html += '</div>';
  64. _html += '<div class="examine_title"><a href="/pj/details/'+val.id+'/">'+val.title+'</a></div>';
  65. _html += '<div class="examine_img">';
  66. _html += '<p>';
  67. _html += '<i class="browse"></i>';
  68. _html += '<span>浏览'+val.click+'次</span>';
  69. _html += '</p>';
  70. _html += '<div class="share"><a href="javascrtip:;"><img src="/image/pj/adorn/share.png" alt=""></a></div>';
  71. _html += ' </div>';
  72. _html += '</div>';
  73. _html += '</li>';
  74. }
  75. })
  76. return _html;
  77. }
  78. /*----------------------------------------------------------------------*/
  79. /*品鉴详情特效*/
  80. $('.list_btn ul li').on('click',function(){
  81. var that = $(this);
  82. that.find('a').addClass('on');
  83. that.siblings().find('a').removeClass('on')
  84. })
  85. })