6
回答
iscroll4 二次上拉屏幕才能往下翻
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   
 <script type="text/javascript">
        var myScroll,
            pullDownEl,
            pullUpEl,
            page = 0;
        
        
        /*下拉刷新end回调函数
        * 数据从后台获取完成后,调用的界面刷新方法
        */
        function pullDownAction(){
            //模拟浏览器数据加载延迟
            setTimeout(function(){    
                var el, li, i;
                el = $('.fx_lists ul');
                
                for (i=0; i<3; i++) {
                    li = document.createElement('li');
                    li.innerText = 'Generated row ' + (++generatedCount);
                    el.insertBefore(li, el.childNodes[0]);
                }
                //数据加载完成后,调用页面更新方法
                myScroll.refresh();        
            }, 1000);    
        }
        
        /*上拉刷新end回调函数
        * 数据从后台获取完成后,调用的界面刷新方法
        */
        function pullUpAction() {
           //alert(0);
            setTimeout(function () {
                var el, li, i,d;
                el = $('.fx_lists ul');
                $.post(
                    "/mobile/jifen/fx.html",
                    {'page':page+1},
                    function(data){
                        
                        data = eval(data);
                        $(data).each(function(index,value){
                            if(value.lat>0&value.lng>0){
                            d =distance(value.lat,value.lng,my_lat,my_lng);
                                if(d >= 1000){
                                    d = (d /1000).toFixed(1) + "km";
                                }
                                else{
                                    d = d.toFixed(0) +"m";
                                }
                            }
                            else{
                                d ='定位中..';
                            }
                            el.append('<li><a href="#"><img src="__ROOT__/attachs/'+value.logo+'" /><div class="fx_li_right" ><div class="fx_business_info"><div class="fx_business_info_left"><p>'+value.shop_name+'</p><div class="fx_score">可领积分:'+value.jifen+'分</div><div class="fx_shangquan">商圈:<span>'+value.business_name+'></span></div></div><div class="fx_business_info_right distanceByMap" ><p>'+d+'</p><input type="hidden" class="mapLng" value="'+value.lng+'"/><input type="hidden" class="mapLat" value="'+value.lat+'"/></div><i><em></em><span></span></i><div class="clear"></div></div></div><div class="clear"></div></a></li>');
                        });
                        page++;
                    }
                )
                
                myScroll.refresh();    
            }, 1000);    
            //myScroll.refresh();
        }
        
        //初始化绑定iScroll控件
        document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
        document.addEventListener('DOMContentLoaded', loaded, false);
    </script>



举报
Colly
发帖于2年前 6回/897阅
顶部