博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用jquery.more.js来实现点击底部更多后, 底部加载出新的数据
阅读量:6501 次
发布时间:2019-06-24

本文共 5230 字,大约阅读时间需要 17 分钟。

  • 消费确认码:
  • 电 子 串 码:
  • 商 品 名 称:
  • 商 品 价 格:¥
  • 验 证 时 间:
更多

  

php代码

//手机商户已验证代金券列表    $int = intval($_GET['int']);    $int = in_array($int, array(0,7,30)) ? $int : 0;    $params = null;    if($int == 7){        $params = array('starttime'=>date("Y-m-d",strtotime("-7days")));    }elseif($int == 30){        $params = array('starttime'=>date("Y-m-d",strtotime("-30days")));    }    $last = intval($_GET['last'])/5 + 1;    $data = merchant_checked_list(107, $params, 5, $last);    if($data && $data['data']){        foreach($data['data'] as $key => $value){            $data['data'][$key]['password'] = decrypt($value['password']);            $data['data'][$key]['price'] = deal_money($value['price']);            $data['data'][$key]['checktime'] = date('Y-m-d H:i:s', $value['checktime']);        }        echo json_encode($data['data']);    }

  jquery.more.js

/** * 调用参数,方法如:$('#more').more({'url': 'data.php'}); * amount  :'10'           每次显示记录数 * url :'comments.php'     请求后台的地址 * data:{},                自定义参数 * template:'.single_item' html记录DIV的class属性 * trigger :'#get_more'    触发加载更多记录的class属性 * scroll  :'false'        是否支持滚动触发加载 * offset  :'100'          滚动触发加载时的偏移量 */(function($) {    var target = null;    var template = null;    var lock = false;    var variables = {        'last': 0    };    var settings = {        'amount': '8',        'url': '',        'template': '.single_item',        'data':{},        'trigger': '#get_more',        'scroll': 'false',        'offset': '100'    };    var methods = {        init: function(options) {            return this.each(function() {                if (options) {                    $.extend(settings, options);                }                template = $(this).children(settings.template).wrap('
').parent(); template.css('display', 'none'); $(this).append('
载入中..
'); $(this).children(settings.template).remove(); target = $(this); if (settings.scroll == 'false') { $(this).find(settings.trigger).bind('click.more', methods.get_data); $(this).more('get_data'); } else { if ($(this).height() <= $(this).attr('scrollHeight')) { target.more('get_data', settings.amount * 2); } $(this).bind('scroll.more', methods.check_scroll); } }); }, check_scroll: function() { if ((target.scrollTop() + target.height() + parseInt(settings.offset)) >= target.attr('scrollHeight') && lock == false) { target.more('get_data'); } }, remove: function() { target.children(settings.trigger).unbind('.more'); target.unbind('.more'); target.children(settings.trigger).remove(); }, add_elements: function(data) { var root = target; var counter = 0; if (data) { $(data).each(function() { counter++; var t = template; $.each(this, function(key, value) { if (t.find('.' + key)) t.find('.' + key).html(value); }); if (settings.scroll == 'true') { root.children('.more_loader_spinner').before(t.html()); } else { root.children(settings.trigger).before(t.html()); } root.children(settings.template + ':last').attr('id', 'more_element_' + ((variables.last++) + 1)); }); } else { methods.remove(); } target.children('.more_loader_spinner').css('display', 'none'); if (counter < settings.amount) methods.remove(); }, get_data: function() { var ile; lock = true; target.children(".more_loader_spinner").css('display', 'block'); $(settings.trigger).css('display', 'none'); if (typeof (arguments[0]) == 'number') ile = arguments[0]; else { ile = settings.amount; } var postdata = settings.data; postdata['last'] = variables.last; postdata['amount'] = ile; $.post(settings.url, postdata, function(data) { $(settings.trigger).css('display', 'block'); methods.add_elements(data); lock = false; $("#waitbox").remove(); }, 'json'); } }; $.fn.more = function(method) { if (methods[method]) return methods[ method ].apply(this, Array.prototype.slice.call(arguments, 1)); else if (typeof method == 'object' || !method) return methods.init.apply(this, arguments); else $.error('Method ' + method + ' does not exist!'); }})(jQuery)

  

转载地址:http://luvyo.baihongyu.com/

你可能感兴趣的文章
Axure8.0 网页 or App 鼠标滚动效果
查看>>
文件操作示例脚本 tcl
查看>>
大家好,新年快乐。
查看>>
prototype
查看>>
Android学习路线
查看>>
Linux下的redis的持久化,主从同步及哨兵
查看>>
在相同的主机上创建一个duplicate数据库
查看>>
Date15
查看>>
从Date类型转为中文字符串
查看>>
基于multisim的fm调制解调_苹果开始自研蜂窝网调制解调器 最快2024年能用上?
查看>>
mupdf不支持x64_Window权限维持(七):安全支持提供者
查看>>
cf修改游戏客户端是什么意思_瓦罗兰特很有可能取代cf成为国内最火的fps游戏...
查看>>
proto文件支持继承吗_JavaScript继承(一)——原型链
查看>>
labview如何弹出提示窗口_LabVIEW开发者必读的问答汇总,搞定疑难杂症全靠它了!...
查看>>
提取series中的数值_Python中None和numpy.nan的区别
查看>>
hikariconfig mysql_HikariConfig配置解析
查看>>
mysql批量数据多次查询数据库_mysql数据库批量操作
查看>>
jquery 乱码 传参_jquery获取URL中参数解决中文乱码问题的两种方法
查看>>
JDBC_MySQL_jdbc连接mysql_MySQL
查看>>
mysql cte的好处_Mysql 8 重要新特性 - CTE 通用表表达式
查看>>