HOME 生活记录运维/编程
作者/来源:yixinu.com
栏目:运维/编程
日期:2016-12-21 11:13:01
<script>
    publicMethod = {};
    publicMethod.page = 1;
    publicMethod.r_width = 0;  //-- div.r节点的宽度,页面初始化后将计算出来的值保存到这个常量,这样保证ajax加载数据时页面不会变形
    $(function(){
        publicMethod.init();
        $(window).on('scroll', function () {
            if ($(document).scrollTop() + $(window).height() > $(document).height() - 10) {
                publicMethod.load();
            }
        });
    });
    publicMethod.init = function(){
        var w1 = parseInt( $(".tostore_index").width() );
        var w2 = parseInt( $(".tostore_index .l").width() );
        publicMethod.r_width = w1 - w2 - 10 ;
        $(".tostore_index .r").css({'width': publicMethod.r_width});
        $(".tostore_index").css({'display':'block'});
    };
    publicMethod.load = function(){
        publicMethod.page++;
        $.get('',{page:publicMethod.page},function(d){
            if( d.count>0 ){
                $.each(d.lists,function(n,item){
                    var content = '<a><li> <div class="l"><img src="../tpl/web_erqi/images/logo.png"></div> <div class="r" style="width:'+publicMethod.r_width+'px;"> <p>'+item.STORE_NAME+'</p> <p class="addr" >'+item.STORE_ADDR+'</p> </div> </li></a>';
                    $(".tostore_index ul").append(content);
                });
            }else{
                //-- 没有了
                $(".tips").text('后面没有了!');
            }
        },'json');
    };
</script>
分享到:

Copyright © 2013-2014 yixinu.com 湘ICP备14004402号

QQ:316686606  Email: 316686606@qq.com