哪里有做php网站免费教程,wordpress数据库显示图片,广告设计与制作就业方向是什么,17网站一起做网店普宁池尾雅晨jtemplate是一个基于JQuery的模板引擎插件#xff0c;功能非常强大#xff0c;有了她你就再不用为使用JS绑定数据集而发愁了。主要思路#xff0c;复制textarea作为模板#xff0c;ajax加载json数据#xff0c;添加模板#xff0c;绑定数据#xff0c;更新加载更多事件。…jtemplate是一个基于JQuery的模板引擎插件功能非常强大有了她你就再不用为使用JS绑定数据集而发愁了。主要思路复制textarea作为模板ajax加载json数据添加模板绑定数据更新加载更多事件。//加载更多function fnLoad(data){listData.Ajax.data.target_pageparseInt(data.currentPage)1;function addmore(){listData.Ajax.load();}//动态变换加载更多标签if(data.totalNums 0){$(“#loadOBj”).addClass(“font-disable”).html(“还没有录入数据”).unbind(“click”);}if(data.hasNext){$(“#loadOBj”).html(“加载更多”);if(data.currentPage1){$(“#loadOBj”).bind(“click”,addmore);}}else{$(“#loadOBj”).addClass(“font-disable”).html(“已经是最底端了”).unbind(“click”);}}//Ajaxcallbackfunction callBackList(data){var nextHtml $(‘#listTemplate).prop(“outerHTML”);var $listObj listPage0? ‘#listObj : ‘#listObjlistPage;var $nextListObj ‘listObj(listPage1);$($listObj).setTemplateElement(‘listTemplate,null,{filter_data: false});$($listObj).setParam(“imgDomain”,roomImgDomain);$($listObj).processTemplate(data);$($listObj).after($(‘id:$nextListObj,class:list-wrap}));$(‘#$nextListObj).append(nextHtml);listPage;var $firstH3 $(“#listObj .view-Box:first h3″);$firstH3.next().show();$firstH3.find(“span”).addClass(“h3-up”).removeClass(“h3-down”);fnLoad(data);}});}//ajax$Ajax.prototype.load function(){var _this this;$.ajax({type: “post”,url: _this.url,dataType:json,data: _this.data,success: function(data){if(_this.callBack){_this.callBack(data,_this.id);}else{//console.log(“ajax未定义回调函数”);}},error:function(){//console.log(“ajaxerror”);}});}//调用function fnListAjax(){this.Ajax new $Ajax();this.Ajax.url “”;this.Ajax.data {};}var listData new fnListAjax();fnAjax();function fnAjax(){listData.Ajax.url dataDomain”/advert/detail.htm”;listData.Ajax.data {code:index_web};listData.Ajax.callBack fnCallBackView;listData.Ajax.load();};以上内容给大家分享了ajax jtemplate实现动态分页希望大家喜欢。总结如果觉得编程之家网站内容还不错欢迎将编程之家网站推荐给程序员好友。本图文内容来源于网友网络收集整理提供作为学习参考使用版权属于原作者。
