栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用jQuery分页记录

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用jQuery分页记录

希望这可以帮助:

var noname = {    data: null    ,currentIndex : 0    ,init: function(data) {        this.data = data;        this.show(this.data.length - 1); // show last    }    ,show: function(index) {        var jsonObj = this.data[index];        if(!jsonObj) { alert("No more data"); return;        }        this.currentIndex = index;        var title = jsonObj.title;        var text = jsonObj.text;        var next = $("<a>").attr("href","#").click(this.nextHandler).text("next");        var previous = $("<a>").attr("href","#").click(this.previousHandler).text("previous");        $("body").html("<h2>"+title+"</h2><p>"+text+"</p>");        $("body").append(previous);        $("body").append(document.createTextNode(" "));        $("body").append(next);    }    ,nextHandler: function() {        noName.show(noName.currentIndex + 1);    }    ,previousHandler: function() {        noName.show(noName.currentIndex - 1);    }};window.onload = function() {    var data = [        {"title": "Hello there", "text": "Some text"},        {"title": "Another title", "text": "Other"}    ];    noName.init(data);};


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/437014.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号