值得收藏的无限循环评论系统
程序员文章站
2024-01-28 14:50:28
...
表情丰富的多级评论演示地址:http://www.sucaihuo.com/js/816.html
$(function() { isLogin(); var site_url = $("#footer").attr("data-url"); /**表情***/ if ($(".emotion").length > 0) { $(".emotion").click(function() { var left = $(this).offset().left; var top = $(this).offset().top; var id = $(this).attr("data-id"); $("#smileBoxOuter").css({ "left": left, "top": top + 20 }).show().attr("data-id", id) }); $("#smileBoxOuter,.emotion").hover(function() { $("#smileBoxOuter").attr("is-hover", 1) }, function() { $("#smileBoxOuter").attr("is-hover", 0) }); $(".emotion,#smileBoxOuter").blur(function() { var is_hover = $("#smileBoxOuter").attr("is-hover"); if (is_hover != 1) { $("#smileBoxOuter").hide() } }); $(".smileBox").find("a").click(function() { var textarea_id = $("#smileBoxOuter").attr("data-id"); var textarea_obj = $("#reply_" + textarea_id).find("textarea"); var textarea_val = textarea_obj.val(); if (textarea_val == "发布评论") { textarea_obj.val("") } var title = "[" + $(this).attr("title") + "]"; textarea_obj.val(textarea_obj.val() + title).focus(); $("#smileBoxOuter").hide() }); $("#smileBoxOuter").find(".smilePage").children("a").click(function() { $(this).addClass("current").siblings("a").removeClass("current"); var index = $(this).index(); $("#smileBoxOuter").find(".smileBox").eq(index).show().siblings(".smileBox").hide() }); $(".comment_blockquote").hover(function() { $(".comment_action_sub").css({ "visibility": "hidden" }); $(this).find(".comment_action_sub").css({ "visibility": "visible" }) }, function() { $(".comment_action_sub").css({ "visibility": "hidden" }) }) } if ($("#detail-page").length > 0) { var id = $("#detail-page").attr("data-id"); var mtype = $("#detail-page").attr("data-mtype"); var totalnum = $("#detail-page").attr("data-totalnum"); $("#comment_wrap").on("click",".pager a",function(){ var page = parseInt($(this).attr("data-page")); $("#detail-page").children("a").removeClass("current"); $("#detail-page").children("a").eq(page - 1).addClass("current"); $("#comment_wrap").html("<div style='padding:20px 0;text-align:center;'><img src='" + site_url + "Public/images/loading.gif'></div>"); $.get(getUrl("Box/comments"), { p: page, id: id, totalnum: totalnum, mtype: mtype }, function(data) { $("#comment_wrap").html(data) }) }) } }); function getUrl(strs) { var url = $("#footer").attr("data-url") + strs; return url } function goUrl(url) { if (url == -1) { history.go(-1) } else { document.location.href = url } } function showWindowBox() { $("#windown_box").modal("toggle") } function hideWindowBox() { $("#windown_box").modal("hide") } function animateShowTip(obj, tip) { obj.text(tip); var top = obj.attr("data-top"); obj.animate({ top: top, "height": "16px" }, 500) } function animateHideTip(obj) { var foot = obj.attr("data-foot"); obj.animate({ top: foot, "height": "0" }, 500) } function subcomment(id, mtype, pid, pid_sub) { var pid_common = pid; if (pid_sub > 0) { pid_common = pid_sub } var textarea_obj = $("#reply_" + pid_common).find("textarea"); var comment = textarea_obj.val(); comment = comment == "发布评论" ? "" : comment; if (comment == "") { animateShowTip($("#comment_tip_" + pid_common), "您是不是忘了说点什么?"); setTimeout("animateHideTip($('#comment_tip_" + pid_common + "'))", 3000); return false } // comment = encodeURIComponent(comment); $.post(getUrl("Ajax/subcomment"), { id: id, mtype: mtype, content: comment, pid: pid, pid_sub: pid_sub }, function(data) { var li = ""; if (data.code == -1) { showWindowBox(); $("#windown_box").attr("data-func", "subcomment('" + id + "', '" + mtype + "', '" + pid + "', '" + pid_sub + "')") } else { if (data.code == 200) { var username = $(".comment_avatar").find(".username").text(); if (pid_common == 0) { var num = parseInt($("#comments_num").text()); $("#comments_num").text(num + 1); var avatar = $(".comment_avatar").find(".avatar").attr("src"); var lou_tip = ""; if (num == 0) { lou_tip = "沙发" } else { if (num == 1) { lou_tip = "椅子" } else { if (num == 2) { lou_tip = "板凳" } else { lou_tip = num + "楼" } } } li = "<li class='comment_list clearfix'><div class='comment_avatar'><span class='userPic'>\n<img width='36' height='36' src='" + avatar + "'></span><span class='grey'>" + lou_tip + "</span></div>\n<div class='comment_conBox'><div class='comment_avatar_time'><div class='time'>刚刚</div>" + username + "</div>\n<div class='comment_conWrap clearfix'><div class='comment_con'>" + data.comment + "</div></div></div></li>"; $(".comment_listBox").prepend(li) } else { var length_reply = parseInt($("#comment_" + pid_common).find(".comment_blockquote").length); li = "<blockquote class='comment_blockquote'><div class='comment_floor'>" + (length_reply + 1) + "</div><div class='comment_conWrap'>\n<div class='comment_con'>" + username + ":<p> " + data.comment + "</p></div></div></blockquote>"; $("#comment_" + pid).find(".blockquote_wrap").append(li); $("#reply_" + pid).hide(); if (pid_sub > 0) { $("#reply_" + pid_sub).hide() } } if (data.points > 0) { showSuccessTip("评论成功,获得" + data.points + "积分!") } else { showSuccessTip("评论成功!") } textarea_obj.val("") } else { animateShowTip($("#comment_tip_" + pid_common), data.error); setTimeout("animateHideTip($('#comment_tip_" + pid_common + "'))", 3000) } } },"json") }
上一篇: Thinkphp微信扫码支付和支付宝在线支付DEMO
下一篇: 微信手机浏览器多图片即时预览 上传