请叫我欧少
请叫我欧少
  • 发布:2016-07-29 14:34
  • 更新:2016-07-29 14:34
  • 阅读:1302

这个上拉加载怎么会拖出一片空?

分类:MUI

<?php
// header("Location: test.php");
include "../Public/CMysql.php";
// $hot=Cmysql::qmd("select from toys where t_state='上架' order by t_hot desc limit 0,4");
$pic=Cmysql::qmd("select
from toys_pic where pic_use='首页轮播' and state='启用' order by sort");
// $all=Cmysql::qmd("select * from toys where t_state='上架' order by t_sort");
//先判断活动是否结束或开始
Cmysql::Q('update toy_action set a_state="进行中" where a_start < now() and a_state="即将开始" ');
Cmysql::Q('update toy_action set a_state="已结束" where a_end < now()');
$act=Cmysql::qmd("select a.id,b.t_pic,b.t_name,b.t_brand,a.a_price,b.t_rant_price,a.a_people,a.a_people_s,a.a_free,a.a_type,a.a_start,a.a_end from toy_action as a,toys as b where a.a_state='进行中' and a.t_id=b.id order by a.id limit 0,5");
// $act_m=Cmysql::qmd("select a.id,b.t_pic,b.t_name,b.t_brand,a.a_price,b.t_rant_price,a.a_people,a.a_people_s,a.a_type,a.a_start,a.a_end from toy_action as a,toys as b where a.a_state='进行中' and a.a_start < now() and a.t_id=b.id order by a.id limit 0,5");

// $len=count($all);
$now=date("Y-m-d");

?>
<!DOCTYPE html>
<html>

<head>  
    <meta charset="utf-8">  
    <title>租乐儿玩具租赁</title>  
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">  
    <meta name="apple-mobile-web-app-capable" content="yes">  
    <meta name="apple-mobile-web-app-status-bar-style" content="black">  
    <link rel="stylesheet" href="css/loadstyle.css" >  
    <link rel="stylesheet" href="css/my.css?v=2" >  
    <link rel="stylesheet" href="css/main.css?v=1">  
    <link rel="stylesheet" href="css/mui.min.css">  
    <link rel="stylesheet" href="css/iconfont.css">   
    <link rel="stylesheet" href="css/sweet-alert.css" >  

    <style>  
    .gouwuche_info,.me_info{position: absolute;top:3px;width: 8px;height: 8px;line-height: 18px;background-color: #f00;border-radius: 18px;color: #fff;display:none}  
    .me_info{right: 6.0%;}  
    #tungoulable{color:red}  
    i{font-size:22px!important}  
    .mui-scroll-wrapper{overflow:visible;}  
    .mui-scroll{margin-bottom:15px;}  
    .mui-pull-caption{z-index:10;}  
    </style>  
<?php  
if($act){  
    echo'  
    <script src="js/iscroll.js"></script>  
    <script type="text/javascript">  
        var myScroll;  
        function loaded () {  
            myScroll = new IScroll("#wrapper", { eventPassthrough: true, scrollX: true, scrollY: false, preventDefault: false });  
        }  
    </script>  
</head>  
    <body onload="loaded()">  
    ';  
}else{  
    echo '  
    </head>  
    <body>  
    ';  
}  
?>  
    <div id="pullrefresh" class="mui-content mui-scroll-wrapper">  
    <div class="mui-scroll">  
    <section class="loading">  
        <div class="load3">  
            <div class="double-bounce1"></div>  
            <div class="double-bounce2"></div>  
        </div>  
    </section>  

    <!--<header class="mui-bar mui-bar-nav">  

        <a id="search" class="mui-icon iconfont icon-kefu mui-pull-right" style="color: #FFF;" onclick="service()"></a>  
        <a id="city" class="main-pisition" href="city.php"><span>武汉</span> 22° 轻度污染</a>  
        <h1 style="width:150px;margin:0 auto" class="mui-title">租乐儿</h1>  
        <!--<a class="main-pisition mui-pull-right" href="u_checkin.php">签到</a>  
        <a id="compose" class="mui-icon mui-icon-compose mui-pull-right main-compose" style="color: #FFF;" href="u_checkin.php"></a>  

    </header>-->  
    <div id="slider" class="mui-slider" >  
        <div class="mui-slider-group mui-slider-loop slider-img">  
            <!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->  
            <?php  
            $leng=count($pic);  
            $i=$leng-1;  
            echo '  
                <div class="mui-slider-item mui-slider-item-duplicate">  
                    <a href="#">  
                        <img src="'.$pic[$i]['pic'].'">  
                    </a>  
                </div>  
            ';  
            /* 增加节点结束 */  
            foreach($pic as $pics){  
                echo '  
                <div class="mui-slider-item">  
                    <a href="#">  
                        <img src="'.$pics['pic'].'">  
                    </a>  
                </div>';  
            }  
            ?>  
            <!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->  
            <div class="mui-slider-item mui-slider-item-duplicate">  
                <a href="#">  
                    <img src="<?php echo $pic[0]['pic']; ?>">  
                </a>  
            </div>  
            <!-- 增加节点结束 -->  
        </div>  
        <div class="mui-slider-indicator">  
            <?php  
            for($j=0;$j<$leng;$j++){  
                if($j==0){  
                    echo '<div class="mui-indicator mui-active"></div>';  
                }else{  
                    echo '<div class="mui-indicator"></div>';  

                }  
            }  
            ?>  
        </div>  
    </div>  

    <div class="main-navbar">  
        <div class="main-navli" onclick="rent()">  
            <span class="navlititleimg"><img src="images/rent.png"></span>  
            <span class="navlititle">"租"指南</span>  
        </div>  
        <div class="main-navli" onclick="parents_child()">  
            <span class="navlititleimg"><img src="images/parent-child.png"></span>  
            <span class="navlititle">亲子活动</span>  
        </div>  
        <div class="main-navli" onclick="confirm()">  
            <span class="navlititleimg"><img src="images/service.png"></span>  
            <span class="navlititle">联系客服</span>  
        </div>  
        <div class="main-navli" onclick="player()">  
            <span class="navlititleimg"><img src="images/player.png"></span>  
            <span class="navlititle">玩乐家</span>  
        </div>  
        <div class="main-navli" onclick="check_in()">  
            <span class="navlititleimg"><img src="images/check.png"></span>  
            <span class="navlititle">签到</span>  
        </div>  
    </div>  
    <?php if($act){ ?>  
    <div class="privilege">  
        <div class="padline"><div class="pad-line"></div>合租拼团 <label style="font-size:9px" id="tungoulable"><span id="time" style="color:red;font-size:10px"></span></label></div>  
        <div id="wrapper">  
            <div id="scroller">  
                <ul>  
            <?php  
            foreach($act as $ac){  
                $time=strtotime($ac['a_end'])-strtotime($now);  
                $day=$time/3600/24;  
                if($ac['a_type']=="免邮拼团"){  
                    $postage=40-$ac['a_free'];  
                    echo '  
                    <li>  
                        <a href="ping_detail.php?toy='.$ac['id'].'">  
                            <!--<img class="icon" src="images/rant-icon.png" />-->  
                            <img class="mui-media-object" src="'.$ac['t_pic'].'" width="80">  
                            <div class="mui-media-body font-t"><a href="ping_detail.php?toy='.$ac['id'].'"><nobr>'.$ac['t_brand'].$ac['t_name'].'</nobr></a></div>  
                            <span class="mui-media-body font-m" >邮费'.$postage.'元</span><div class="origin-p">邮费40元</div>  
                            <span class="clear" ></span>  
                            <div class="mui-pull-right" style="font-size:10px;color:#FF00FF">'.$ac['a_people_s'].'人'.$ac['a_type'].'</div>  
                            <div class="clear"></div>  
                            <div class="mui-pull-right" style="font-size:10px;color:#FF0000">'.$ac['a_people'].'人已参团</div>  
                        </a>  
                    </li>';  
                }else{  
                    echo '  
                    <li>  
                        <a href="ping_detail.php?toy='.$ac['id'].'">  
                            <!--<img class="icon" src="images/rant-icon.png" />-->  
                            <img class="mui-media-object" src="'.$ac['t_pic'].'" width="80">  
                            <div class="mui-media-body font-t"><a href="ping_detail.php?toy='.$ac['id'].'"><nobr>'.$ac['t_brand'].$ac['t_name'].'</nobr></a></div>  
                            <span class="mui-media-body font-m" >'.$ac['a_price'].'元/天</span><div class="origin-p">'.$ac['t_rant_price'].'元/天</div>  
                            <span class="clear" ></span>  
                            <div class="mui-pull-right" style="font-size:10px;color:#FF00FF">'.$ac['a_people_s'].'人'.$ac['a_type'].'</div>  
                            <div class="clear"></div>  
                            <div class="mui-pull-right" style="font-size:10px;color:#FF0000">'.$ac['a_people'].'人已参团</div>  
                        </a>  
                    </li>';  
            }}  
            ?>  
                    <li style="width:50px;padding:30px 15px;">  
                        <a href="toys_action.php">查看更多<br /> &rsaquo;&rsaquo;&rsaquo;</a>  
                    </li>  
                </ul>  
            </div>  
        </div>          
    </div>  
    <?php } ?>  
    <div id="hotlist">  
        <div class='padline'>  
            <div class="pad-line"></div>本周热门 <a class="padlineright" style="margin:0;color:#000" href="toys_more.php?act=hot">更多热门>></a>  
        </div>  
        <div class="hotlist">  

        </div>  
    </div>  

    <div id="newlist">  
        <div class='padline'>  
            <div class="pad-line"></div>最新上架  <a class="padlineright" style="margin:0;color:#000" href="toys_more.php?act=new">更多最新>></a>  
        </div>  
        <div class="newlist">  

            <div class="clear"></div>  
        </div>  
    </div>  

    <div class="toyslist">  
        <div class="padline"><div class="pad-line"></div>玩具列表  <a class="padlineright" style="margin:0;color:#000" href="toys_more.php?act=all">显示全部>></a></div>       
            <ul class="ul">  
            </ul>  
        <div class="clear"></div>  
    </div>  
    </div></div>  
    <input type="hidden" id="item" value="4" />  

    <nav class="mui-bar mui-bar-tab">  
        <a class="mui-tab-item mui-active" href="#tabbar">  
            <i class="mui-icon iconfont icon-shouye"></i>  
            <span class="mui-tab-label">首页</span>  
        </a>  
        <a class="mui-tab-item" id="vip">  
            <i class="mui-icon iconfont icon-vip-copy"></i>  
            <span class="mui-tab-label">VIP</span>  
        </a>            
        <a class="mui-tab-item" id="all">  
            <i class="mui-icon iconfont icon-all"></i>  
            <span class="mui-tab-label">全部玩具</span>  
        </a>  
        <a class="mui-tab-item" id="u_cart">  
            <i class="mui-icon iconfont icon-cart"></i>  
            <span class="gouwuche_info"></span>  
            <span class="mui-tab-label">购物车</span>  
        </a>  
        <a class="mui-tab-item" id="myinfo">  
            <i class="mui-icon iconfont icon-wo"></i>  
            <span class="me_info"></span>  
            <span class="mui-tab-label">我</span>  
        </a>  
    </nav>  

    <script src="js/jquery-1.9.0.min.js"></script>  
    <script src="js/sweet-alert.js"></script>  
    <script src="js/mui.min.js"></script>  
    <script src="js/main.js"></script>          
    <script src="js/localstorage.js"></script>  
    <script>  

    $(document).ready(function(){  
        top_new();  
        all();  
        hot();  
    });  

/
loading act
/
$(window).load(function(){
setTimeout(function(){
$(".loading").hide();
},600);
});

    var item=4;  
    $("#getmorebtn").click(function(){  
        $.ajax({url:"index_ajax.php",  
            data:{act:"more",num:item},  
            dataType:"json",  
            type:"post",  
            async:true,  
            success:function(data){  
                $('.ul').append(data);  
                var len=data.length;  
                console.log(len);  
                if(len<8){  
                    item=item+8;  
                    $("#getmorebtn").html("已经没有了…………");  
                }  
            }  
        });  
    });  

    document.getElementById("myinfo").addEventListener("tap", function() {  
            mui.openWindow({  
                url: "u_setting.php",  
                id: "id"  
            });  
    });  
    document.getElementById("u_cart").addEventListener("tap", function() {  
            mui.openWindow({  
                url: "u_cart.php",  
                id: "id"  
            });  
    });  
    document.getElementById("all").addEventListener("tap", function() {  
            mui.openWindow({  
                url: "u_alltoys.php",  
                id: "id"  
            });  
    });  
    document.getElementById("vip").addEventListener("tap", function() {  
            mui.openWindow({  
                url: "u_vip.php",  
                id: "id"  
            });  
    });  
    function rent(){  
        window.location.href='rent.php';  
    }  
    function parents_child(){  
        window.location.href='Parents_child.php';  
    }  
    function confirm(){  
        window.location.href='wxjs.php';  
    }  
    function check_in(){  
        window.location.href='u_checkin.php';  
    }  
    function player(){  
        window.location.href='player.php';  
    }  
    function hot(){  
        $.ajax({url:"index_ajax.php",  
            data:{act:"hot"},  
            dataType:"json",  
            type:"post",  
            async:true,  
            success:function(data){  
                $(".hotlist").append(data);  
            }  
        });  
    }  

    function top_new(){  
        $.ajax({url:"index_ajax.php",  
            data:{act:"new"},  
            dataType:"json",  
            type:"post",  
            async:true,  
            success:function(data){  
                $(".newlist").append(data);  
            }  
        });  
    }  

    function all(){  
        $.ajax({url:"index_ajax.php",  
            data:{act:"all"},  
            dataType:"json",  
            type:"post",  
            async:true,  
            success:function(data){  
                $(".ul").append(data);  
            }  
        });  
    }     

    $(function(){  
    /**  
        显示购物车数量   
    **/  
            var t=GetToysCount("toys");  
            if(t>0){  
                //$(".gouwuche_info").text(t);  
                $(".gouwuche_info").show();                         
            }  
                //$(".me_info").text("12");  
                //$(".me_info").show();     

    })  

    /***  
        zuler百度统计代码  

    ***/  

    var _hmt = _hmt || [];  
    (function() {  
      var hm = document.createElement("script");  
      hm.src = "//hm.baidu.com/hm.js?940dd2689d2d8fdbf1973919c1aa72e2";  
      var s = document.getElementsByTagName("script")[0];   
      s.parentNode.insertBefore(hm, s);  
    })();         

        /** 上拉加载/下拉刷新 **/  
        mui('#pullrefresh').pullRefresh({  
            up : {  
              height:1,//可选.默认50.触发上拉加载拖动距离  
              // auto:true,//可选,默认false.自动上拉加载一次  
              contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容  
              contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;  
              callback :pullupRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
            },  
            down: {  
              contentdown : "下拉可以刷新",//可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容  
              contentover : "释放立即刷新",//可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容  
              contentrefresh : "正在刷新...",//可选,正在刷新状态时,下拉刷新控件上显示的标题内容  
              callback :pulldownRefresh //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;  
            }  
        });  

        /* if (mui.os.plus) {  
            mui.plusReady(function() {  
                setTimeout(function() {  
                    mui('#pullrefresh').pullRefresh().pullupLoading();  
                }, 1000);  

            });  
        } else {  
            mui.ready(function() {  
                mui('#pullrefresh').pullRefresh().pullupLoading();  
            });  
        } */  

        /**  
         * 下拉刷新具体业务实现  
         */  
        function pulldownRefresh() {  
            setTimeout(function() {  
                window.location.reload();  
                mui('#pullrefresh').pullRefresh().endPulldownToRefresh(); //refresh completed  
            }, 1000);  
        }  
        var count = 0;  
        /**  
         * 上拉加载具体业务实现  
         */  
        function pullupRefresh() {  
            setTimeout(function() {  
                $(".ul").append("<li style='padding:20px'>come on !</li>");  
                mui('#pullrefresh').pullRefresh().endPullupToRefresh();   
                mui('#pullup-container').pullRefresh().refresh(true);  
            }, 500);  
        }  

    /*  var item=$("#item").val();  
        $(window).scroll(function() {  
            if ($(document).scrollTop() >= $(document).height() - $(window).height()) {  
                $.ajax({url:"index_ajax.php",  
                    data:{act:"more",num:item},  
                    dataType:"json",  
                    type:"post",  
                    async:true,  
                    success:function(data){  
                        $('.ul').append(data);  
                        var len=data.length;  
                        console.log(len);  
                                item=parseInt(item)+8;  
                                $("#item").val(item);  
                        if(len<8){  
                            $("#getmorebtn").html("已经没有了…………");  
                        }  
                    }  
                });  
                $('.ul').append("<li>这只是一个测试,别dang真</li>");  
            }  
        }); */  
    </script>  
</body>  

</html>

2016-07-29 14:34 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复