当前位置:  编程技术>jquery

jQuery 无刷新分页的实现代码

    来源: 互联网  发布时间:2014-09-03

    本文导语:  本节内容: jQuery 无刷新分页 例子,jQuery 无刷新分页实例代码。   代码示例:                               /**  * 无刷新分页  * edit: www.  */             $(function(){                     ...

本节内容:
jQuery 无刷新分页

例子,jQuery 无刷新分页实例代码。
 

代码示例:


    
       
       
       
 /**
 * 无刷新分页
 * edit: www.
 */
            $(function(){
                    //此demo通过Ajax加载分页元素
                    var initPagination = function(data) {
                    var feedback = "";
                    $.each(data.list, function(index, d) {
                        var str ="";
                        str+= "";
                        str+="图片";
                        str+="VYyu";
                        str+="2009-09-26 ";
                        str+=""+d+"";
                        str+="";
                        feedback += str;
                        });
                    $("#feedback").empty().append(feedback); //装载对应分页的内容
                    //alert(datac.list.length);
                    //var num_entries = $(".result").length;
                    var num_entries = data.list.length;
                    // 创建分页
                    $("#page").pagination(num_entries, {
                        num_edge_entries: 1, //边缘页数
                        num_display_entries: 5, //主体页数
                        callback: pageselectCallback,
                        items_per_page: 3, //每页显示1项
                        prev_text: "前一页",
                        next_text: "后一页"
                    });
                    pageselectCallback(0);
                    }
function pageselectCallback(page_index, jq){
    var resultList = $(".result");
    //var feedback = "";
    //alert(resultList.length);
    $(".result").each( function(index, data) {
            //alert(index);
            $(this).css('display','none');
            if(Math.floor(index/3)  == page_index){
            $(this).css('display','block');
            }
            });
    return false;
}
//ajax加载
$.getJSON("testPage",null, function(data){initPagination(data)});
});







    
 
 

您可能感兴趣的文章:

  • jquery刷新页面 jquery局部刷新与及全页面刷新
  • 使用jquery局部刷新(jquery.load)从数据库取出数据
  • Jquery更换主题同时刷新iframe页面的代码举例
  • jquery刷新aspx中iframe的src的代码
  • jQuery 定时局部刷新(setInterval)方法总结
  • Jquery 定时局部刷新的代码举例
  • jquery禁用右键单击功能屏蔽F5刷新
  • jquery在firefox中刷新iframe页面,提示重复之前动作的解决方法
  • jquery ajax 局部刷新小案例
  • Jquery 随机刷新页面背景图片
  • jquery刷新页面代码及js常用函数汇总
  • 页面刷新时记住滚动条的位置jquery代码
  • Jquery实现无闪烁定时刷新的代码
  • Jquery、Ajax、Struts2定时刷新功能的实现代码
  • Jquery 无刷新提交表单的实例代码
  • Jquery、Ajax、Struts2完成定时刷新的方法
  • jquery捕获超链接事件并局部刷新的代码一例
  • jquery 局部刷新(jsp环境)
  • jquery ajax 无刷新提交数据与无刷新登录的例子
  • jquery控制自动刷新的代码举例
  • 通过javascript库JQuery实现页面跳转功能代码
  • jquery代码-如何使用jQuery来解析xml
  • jQuery概述,代码举例及最新版下载
  • jquery代码-如何使用jQuery来检测右键和左键的鼠标单击两种情况
  • jQuery 禁用右键菜单的简单代码
  • jQuery页面加载完毕再执行代码多种方法
  • jquery的父子兄弟节点查找示例代码
  • JQuery实现元素屏幕居中显示的代码
  • jQuery 代码模块化 TerrificJS
  • 在myeclipse中如何加入jquery代码提示功能
  • jquery弹窗代码示例
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jquery 回车登录的实现方法
  • 基于jQuery实现的MVC开发框架 CorMVC
  • jQuery Trim去除字符串首尾空字符的实现方法说明
  • jquery插件开发之实现jquery手风琴功能分享
  • jquery实现的导航固定效果
  • jquery 实现弹出div位于屏幕正中(图文)
  • jquery特效 table鼠标滑过变色的实现代码
  • Jquery点击高亮显示的实现代码
  • jquery 选择块与改变属性值的实现方法
  • 60秒倒计时的jquery实现代码
  • jquery半透明设置实现代码
  • jquery 实现文本框焦点自动跳转
  • jquery实现弹出层完美居中效果
  • jquery 回车事件的实现代码
  • jquery实现input输入框实时输入触发事件代码
  • jquery怎么实现图片淡入淡出?示例
  • jquery 屏蔽某区域内所有元素 禁止输入的实现代码
  • jquery实现div层的隐藏或显示
  • Jquery 动态实现图片缩略的代码
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery向导插件 Jquery Wizard Plugin
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3