zoukankan      html  css  js  c++  java
  • thinkphp ajax分页加载更多最简单的实现方法

    <div class="li_list">
    
    <volist name="list" id="vo">
    <div class="line-wrapper">列表内容:{$vo.name}</div>
    </volist>
    </div>
    <div class="page" style="display: none;" id="page">{$page}</div>
    <script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.2.min.js"></script>
    <script type="text/javascript" src="__STATIC__/mobile/js/jquery-ias.min.js"></script>

    调用方法

     var ias = $.ias({
            container: ".li_list",
            item: ".line-wrapper",
            pagination: "#pagination",
            next: "#example1_next a"
        });
        ias.extension(new IASTriggerExtension({offset: 2}));
        ias.extension(new IASSpinnerExtension());
        ias.extension(new IASNoneLeftExtension({html: '<div style="text-align:center;height:60px;"><p><em>己经加载完了</em></p></div>'}));

    完整

    <div class="li_list">
                        
    <volist name="list" id="vo">
    <div class="line-wrapper">列表内容:{$vo.name}</div>
    </volist>
    </div>
    <div class="page" style="display: none;" id="page">{$page}</div>
    
    <script type="text/javascript">
        var ias = $.ias({
            container: ".li_list",
            item: ".line-wrapper",
            pagination: "#pagination",
            next: "#example1_next a"
        });
        ias.extension(new IASTriggerExtension({offset: 2}));
        ias.extension(new IASSpinnerExtension());
        ias.extension(new IASNoneLeftExtension({html: '<div style="text-align:center;height:60px;"><p><em>己经加载完了</em></p></div>'}));
    </script>
  • 相关阅读:
    给SEO小白看,外链和反链是什么东西?
    .NET技术webconfig加密操作
    微信清理缓存链接
    小程序学习笔记,入门(一)
    仿建设银行APP首页效果
    微商快速赚钱108招!
    如何在pycharm中安装python的插件
    opencv获取图片的尺寸
    python opencv捕获摄像头并显示内容
    Opencv的KeyPoint和DMatch数据结构
  • 原文地址:https://www.cnblogs.com/houdj/p/7416482.html
Copyright © 2011-2022 走看看