pfhwyigou/mobile/web/js/news/newslist.js

$(function(){

    $(".find_nav_list li").on('click', function(){
        nav_w=$(this).width();
        $(this).addClass("find_nav_cur").siblings().removeClass("find_nav_cur");

        $(this).find("a").addClass("on");
        $(this).siblings().find("a").removeClass("on");

        var fn_w = ($(".find_nav").width() - nav_w) / 2;
        var fnl_l;
        var fnl_x = parseInt($(this).position().left);
        if (fnl_x <= fn_w) {
            fnl_l = 0;
        } else if (fn_w - fnl_x <= flb_w - fl_w) {
            fnl_l = flb_w - fl_w;
        } else {
            fnl_l = fn_w - fnl_x;
        }
        $(".find_nav_list").animate({
            "left" : fnl_l
        }, 300);
        sessionStorage.left=fnl_l;
        var c_nav=$(this).find("a").text();
    });
    var Yleft = $('.find_nav_list ul li a.on').position().left;
    var Yleftlast = $('.find_nav_list ul li').last().position().left;
    var Ylefteq2 = $('.find_nav_list ul li').eq(-2).position().left;
    var Ylefteq3 = $('.find_nav_list ul li').eq(-3).position().left;

    if (Yleft < 150) {
        $(".find_nav_list").css("left","0px");
    }else if(Yleft>Yleftlast){
        $(".find_nav_list").css("left",'-'+(Yleft-$(window).width()+95)+"px");
    }else if(Yleft>Ylefteq2){
        $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)-15)+"px");
    }else if(Yleft>Ylefteq3){
        $(".find_nav_list").css("left",'-'+(Yleft-($(window).width()/2)+90)+"px");
    }else{
        $(".find_nav_list").css("left",'-'+(Yleft-90)+"px");
    };

    var fl_w=$(".find_nav_list").width();
    var flb_w=$(".find_nav_left").width();
    $(".find_nav_list").on('touchstart', function (e) {
        var touch1 = e.originalEvent.targetTouches[0];
        x1 = touch1.pageX;
        y1 = touch1.pageY;
        ty_left = parseInt($(this).css("left"));
    });
    $(".find_nav_list").on('touchmove', function (e) {
        var touch2 = e.originalEvent.targetTouches[0];
        var x2 = touch2.pageX;
        var y2 = touch2.pageY;
        if(ty_left + x2 - x1>=0){
            $(this).css("left", 0);
        }else if(ty_left + x2 - x1<=flb_w-fl_w){
            $(this).css("left", flb_w-fl_w);
        }else{
            $(this).css("left", ty_left + x2 - x1+20);
            // console.log(ty_left + x2 - x1+20)
        }
        if(Math.abs(y2-y1)>0){
            e.preventDefault();
        }
    });

    




    // 轮播图
    var mySwiper1 = new Swiper('.newslist_slide_main',{
        autoplay:5500,  //自动切换
        loop : true,    //循环
        pagination: '.swiper-pagination',   // 如果需要分页器
    })

    var mySwiper2 = new Swiper('.newslist_type', {
        slidesPerView : 4,
        slidesPerGroup : 1,
    })

/*----------------定义页面全局变量-----------------------*/
// 页数
    var page = 0;
// 每页展示5个
    var size = 10;
//资讯ID
    var lid=0;
//资讯区域ID
    var cityid=0;


    var url = window.location.href;

    var params = getUrlParams(url); //获取get请求的参数
    if(!$.isEmptyObject(params)){
        $.each(params,function(key,val){
            switch (key){
                case 'lid':
                    lid = val;
                    break;
                case 'cityid':
                    cityid = val;
                    break;
            }
        })
        // urlParams = urlParams.substring(0,urlParams.length - 1);
        // searchParams =  '&'+ urlParams;
    }

    // 选择各个模块
    function ModuleWay(conditions){
        var _html="";
        $.each(conditions.data,function (key,val) {
            // <!-- 1图 小图   -->
            if (val.thumb != null && val.thumb != "" && val.thumb.length == 1 && val.thumb_size == 1) {
                _html +='<li class="oneimg c">';
                _html +='<a href="/news/details/'+val.id+'/?city='+val.city+'">';
                _html +='<p class="title">';
                _html +='<span class="oneimg_span">'+val.subject+'</span>';
                _html +='<span>'+val.open_time+'</span>';
                _html +='</p>';
                _html +='<p class="img"><img src="'+conditions.url+val.thumb[0]+'" alt=""></p>';
                _html +='</a>';
                _html +='</li>';

            }else if(val.thumb_size == 2){
                // <!-- 1大图   -->
                _html +='<li class="bigimg">';
                _html +='<a href="/news/details/'+val.id+'/?city='+val.city+'">';
                _html +='<p class="title">';
                _html +='<span>'+val.subject+'</span>';
                _html +='<span>'+val.open_time+'</span>';
                _html +='</p>';
                _html +='<p class="img"><img src="'+conditions.url+val.thumb[0]+'" alt=""></p>';
                _html +='</a>';
                _html +='</li>';
            }else if (val.thumb != null && val.thumb != "" && val.thumb.length > 1) {
                // <!-- 3图   -->
                _html +='<li class="listimg">';
                _html +='<a href="/news/details/'+val.id+'/?city='+val.city+'">';
                _html +='<p class="title">';
                _html +='<span>'+val.subject+'</span>';
                _html +='<span>'+val.open_time+'</span>';
                _html +='</p>';
                _html +='<p class="img">';
                for (k in val.thumb) {
                    _html +='<i><img src="'+conditions.url+val.thumb[k]+'" alt=""></i>';
                };
                _html +='</p>';
                _html +='</a>';
                _html +='</li>';
            };
        })

        return _html ;
    }



    /*----------------------------------------------------------------------------------*/
// 封装 ajax 方法
    function AjaxFn(){
        page = 1;
        $.ajax({
            type: 'GET',
            url:  '/news/homeform?page='+page+'&limit='+size +'&city='+cityid+'&lid='+lid,
            dataType: 'json',
            success: function(data){
                if(data.code == 200){
                    $('.newslist_list_main ul').append(ModuleWay(data.data))    //调用选择模块    

                }
            },
            error: function(xhr, type){
                // alert('Ajax error!');
                // 即使加载出错，也得重置
              //  me.resetload();
            }
            
        });
    }

    // 点击切换导航栏 ajax 切换
    $(".find_nav_list1 ul").on('click','li',function(){
        var $this = $(this);
        cityid = $this.find('a').attr('data-city');
        $('.newslist_list_main ul').html("");     //切换内容之前先清空盒子
        AjaxFn();                 //调用Ajax方法
        LoadingDataFn();                 //调用Ajax方法
     
    })

    $(".newslist_type_main").on('click','a',function(){
        var $this = $(this);
        lid = $this.attr('data-lid');
        $('.newslist_list_main ul').html("");     //切换内容之前先清空盒子
        AjaxFn();                 //调用Ajax方法
        LoadingDataFn();                 //调用Ajax方法
     
    })

    


// console.log(thisID)

    function LoadingDataFn() {
        // 上滑加载
        $('.newslist_list_main').dropload({
            // 调用加载
            scrollArea : window,
            loadDownFn : function(me){
                $('.dropload-down').eq(1).show().siblings('.dropload-down').remove();
                page++;
                $.ajax({
                    type: 'GET',
                    url:  '/news/homeform?page='+page+'&limit='+size +'&city='+cityid+'&lid='+lid,
                    dataType: 'json',
                    success: function(data){
                        // console.log(data);
                        if(data.code == 200){
                            $('.newslist_list_main ul').append(ModuleWay(data.data))    //调用选择模块
                        }else{
                            // 锁定
                            me.lock();
                            // 无数据
                            me.noData();
                        }
                        // alert(data);
                        // 每次数据加载完，必须重置
                        setTimeout(function(){
                            // 插入数据到页面，放到最后面
                            // $('.news_list').append(result);
                            // 每次数据插入，必须重置
                            me.resetload();
                            $(".oneimg_span").each(function(i){  
                               
                                 if($(this).text().length>25){       //获取td当前对象的文本,如果长度大于25;

                                    $(this).attr("title",$(this).text());    //给td设置title属性,并且设置td的完整值.给title属性.  
                                      
                                    var text=$(this).text().substring(0,25)+"...";    //获取td的值,进行截取。赋值给text变量保存.   
                                               
                                    $(this).text(text);    //重新为td赋值;   
                                 }  
                             }); 
                        },1000);
                        // me.resetload();
                        $('.dropload-down').show();
                    },
                    error: function(xhr, type){
                        // alert('Ajax error!');
                        // 即使加载出错，也得重置
                        me.resetload();
                    }
                });
            }
        });
    }  

    LoadingDataFn();


})