• 上拉加载(方式一)


    $(window).scroll(function () { //执行监视滚动条事件
    
        if ($(window).scrollTop() >=$(document).height() - $(window).height()) { //判断滚动是否到达底部
            $("#ajaxlogin").show();
          var num = $("#num").attr("num");//获取当前数量
          var num1 = parseInt(num)+6;//获取获取当页最高数
          $("#num").attr("num",num1)//把最高数赋值给#num
              $.post("{PURL('video/videoajax')}",{ "num":num},function(data){
                          var data=eval(data);
                        //console.log(data)
                        if (data=="") {
                          $("#ajaxlogin").html("已经加载完了");
                        }else{
                             $("#ajaxlogin").hide();
                                setTimeout(function(){
                                  $("#ajaxlogin").hide();
                                $.each( data, function( key, value ) {
                                     var mm='<li class="w-video-li"><a href="javascript:;">{if $v.mktp}<img src="{$t_url}images/sp5.jpg" class="w-video-img">{else}<img src="'+data[key]['mktp']+'" class="w-video-img">{/if}<p class="w-pro-title">'+data[key]['name']+'</p><div class="w-detail-mask js-click-video" onclick="videoPLay(this);"  data-url="'+data[key]['video']+'"></div></a></li>';
                                    $(mm).appendTo('#num ul');
                                });  
                            },1000);
                        }
              })
       
        } 
    });
        <div class="w-video-wrap clearfix container" id="num" num="6">
            <ul class="w-video-ul">
                {foreach $video as $v}
                <li class="w-video-li">
                    <a href="javascript:;" title="{$v.name}">
                        {if !$v.mktp}
                        <img src="{$t_url}images/sp5.jpg" alt="{$v.name}" class="w-video-img">
                        {else}
                        <img src="{$v.mktp}" alt="{$v.name}" class="w-video-img">
                        {/if}
                        <p class="w-pro-title">
                            {$v.name}
                        </p>
                        <div class="w-detail-mask"  onclick="videoPLay(this);" data-url="{$v.video}" data-title="{$v.name}" data-date="2016-10-27" data-author="梵天">
                        </div>
                    </a>
                </li>
                {/foreach}
            </ul>
        </div>

    <div id="ajaxlogin" class="line-scale" style="display: none;"> <div></div> <div></div> <div></div> <div></div> <div></div> </div>
    public function videoajax(){
            $num = $_POST['num'];
    
        
             $video = $this->db->getAll("SELECT * FROM " . TABLE_PREFIX . "video ORDER BY sort DESC LIMIT $num, 6");
            
            echo json_encode($video);
        }
  • 相关阅读:
    memcache 应用场景
    如何写接口文档(登录)
    PHP常见错误级别及错误码
    ex33 while 循环
    ex32 循环和列表
    ex31--作出决定
    ex29-30 if,elif and else.
    ex28 布尔表达式练习
    ex25 更多更多的实践
    ex21 函数可以返回某些东西
  • 原文地址:https://www.cnblogs.com/liyinSakura/p/6039967.html
Copyright © 2020-2023  润新知