评论列表,提交,分页
基于jQuery,ajax评论列表显示、ajax提交评论、ajax评论分页显示
功能需要在环境中才可实现
页面中HTML,CSS都是自适应的宽度。
页面中有注释,可以满足大部分异步评论。如需更改样式,只需加上相匹配的class名。
?
去吧、黛杩:
// 评论回复及显示/* * Comments * init() : 初始化 * show() :显示评论 * _page(0 : 分页显示 * _pageClick() : 分页点击事件 * _submit() : 提交评论*/var Comments = {init : function(arg) {Comments.show(arg, 1);Comments._submit(arg);},/* * show:显示评论 * * 显示评论show.jsp*/show : function(arg, current) {var obj = $(arg.objId); // 评论容器var show_area = obj.find(arg.show); // 评论显示容器var submit_area = obj.find(arg.submit); // 评论提交容器var uri = arg.show_url + "?current=" + current;$.getJSON(uri,function(json) {var j_obj = eval(json);if (!j_obj)return false;var j_list = eval(j_obj.list);if (!j_list)return false;var listHtml = "";for ( var i = 0; i < j_list.length; i++) {listHtml += '<tr><td width="60" valign="top"><a href="'+ j_list[i].href+ '" width="50" height="50"/></a></td><td><span || Number(sum) < 2) {// 当分页总数为空或分页总数小于2时,不对分页进行初始化page_area.addClass("hidden");return false;}var pageHtml = "";if (down && down != "") {// 当有下一页时pageHtml += '<a href="javascript:void(0)" pageIndex="' + down+ '" pageIndex="'+ pageNum + '" pageIndex="'+ pageNum + '" pageIndex="' + up+ '" pageIndex="' + up+ '" valign="top"><a href="'+ subObj.href+ '" width="50" height="50"/></a></td><td><span class="dc_usetName">'+ subObj.userName+ '</a> '+ subObj.time+ ' </span><p class="text">'+ subObj.text + '</p></td></tr>';obj.find(arg.show).prepend(subHtml);} else {sub_alert.html("评论出错,请重试");}});}return false;});}};
?