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>
  • 相关阅读:
    SQL Server profile使用技巧
    Java 十进制和十六制之间的转化(负数的处理)
    Step By Step(Lua调用C函数)
    Python、Lua和Ruby之优劣
    C++注释规范
    树莓派、 Arduino 、传统单片机开发板该如何选择?
    正则表达式
    python 读写文件
    python连接Oracle数据库
    MySQL获取Schema表名和字段信息
  • 原文地址:https://www.cnblogs.com/houdj/p/7416482.html
Copyright © 2011-2022 走看看