Jqeury Mobile实战之切屏效果以及屏幕滚动到底端加载更多和点击切换更多

http://blog.csdn.net/q718330882/article/details/46120691

//页面滚动到底部加载更多事件  
    $( window ).scroll(function(){  
       if ( $(window).scrollTop() >= $(document).height() - $(window).height() )   
       {  
           var strAppend = '';  
           for( var i = 1; i < 10; i++ )  
           {  
             strAppend += '<li><a href="#">我是追加 '+ i +'<span class="ui-li-count">'+ i +'</span></a></li>'  
           }  
           /*setTimeout( function(){  
             $( '#page1 ul' ).append( strAppend );  
             $( '#page1 ul' ).listview('refresh');  
           } , '20000');*/  
            $( '#page1 ul' ).append( strAppend ); //追加元素  
            $( '#page1 ul' ).listview('refresh'); //渲染页面效果  
       }  
    });  

 

posted @ 2016-07-29 16:23  Seaurl  阅读(348)  评论(0编辑  收藏  举报