123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- $(function(){
- /*品鉴列表页*/
- /*----------------------------------------------------------------------*/
- // 页数
- var page = 0;
- // 每页展示5个
- var size = 10;
- // 上滑加载
- $('.list_examine').dropload({
- // 调用加载
- scrollArea : window,
- // threshold:2/3,
- loadDownFn : function(me){
- page++;
- $('.dropload-down').show();
- $.ajax({
- type: 'get',
- url: '/pj/homeform?&page='+page+'&limit='+size,
- dataType: 'json',
- success: function(data){
- $('.line').hide();
- if(data.code == 200){
- $('.list_examine > ul').append(ModuleWay(data.data)) //调用选择模块
- }else{
- // 锁定
- me.lock();
- // 无数据
- me.noData();
- }
- // alert(data);
- // 每次数据加载完,必须重置
- // setTimeout(function(){
- // // 插入数据到页面,放到最后面
- // $('.news_list').append(result);
- // // 每次数据插入,必须重置
- // me.resetload();
- // },100);
- me.resetload();
- },
- error: function(xhr, type){
- $('.line').show();
- me.resetload();
- }
- });
- }
- });
- function ModuleWay(data){
- var _html="";
- $.each(data,function (key,val) {
- if(key == 0){
- $('.m_adorn_title > span i').html(val.type + '风');
- $('.m_adorn_title > a').attr('href','/pj/details/'+val.id+'/');
- $('.m_adorn_title > a img').attr("src",val.img);
- $('.adorn_f >span a').attr('href','/pj/details/'+val.id+'/');
- $('.adorn_f >span a').html(val.title);
- $('.adorn_f > p span').html('浏览'+val.click+'次');
- }else{
- _html += '<li>';
- _html += '<div class="examine_box">';
- _html += '<span><i>'+val.type+'风</i><img src="/image/pj/adorn/title_label1.png" alt=""></span>'
- _html += '<div class="en_img">';
- _html += '<a href="/pj/details/'+val.id+'/"><img src="'+val.img+'" alt="" /></a>'
- _html += '</div>';
- _html += '<div class="examine_title"><a href="/pj/details/'+val.id+'/">'+val.title+'</a></div>';
- _html += '<div class="examine_img">';
- _html += '<p>';
- _html += '<i class="browse"></i>';
- _html += '<span>浏览'+val.click+'次</span>';
- _html += '</p>';
- _html += '<div class="share"><a href="javascrtip:;"><img src="/image/pj/adorn/share.png" alt=""></a></div>';
- _html += ' </div>';
- _html += '</div>';
- _html += '</li>';
- }
- })
- return _html;
- }
-
-
-
-
- /*----------------------------------------------------------------------*/
- /*品鉴详情特效*/
- $('.list_btn ul li').on('click',function(){
- var that = $(this);
- that.find('a').addClass('on');
- that.siblings().find('a').removeClass('on')
- })
- })
|