From 47572ea4474a32a27aecd398b20d568bd259fd8f Mon Sep 17 00:00:00 2001 From: Eltrac Koalar Date: Thu, 26 Mar 2020 15:06:33 +0800 Subject: =?UTF-8?q?=F0=9F=A7=AC=20Perf:=20=E4=BF=AE=E6=94=B9=20Ajax=20?= =?UTF-8?q?=E8=AF=84=E8=AE=BA=E6=97=A0=E5=88=B7=E6=96=B0=E8=84=9A=E6=9C=AC?= =?UTF-8?q?=E7=9A=84=E6=96=87=E4=BB=B6=E5=90=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/js/comment.ajax.js | 229 ---------------------------------------------- 1 file changed, 229 deletions(-) delete mode 100644 assets/js/comment.ajax.js diff --git a/assets/js/comment.ajax.js b/assets/js/comment.ajax.js deleted file mode 100644 index 6c545b8..0000000 --- a/assets/js/comment.ajax.js +++ /dev/null @@ -1,229 +0,0 @@ -/** - * Ajax Comment - * Last Update: 2020/02/26 - */ - - -/** - * Tmp - */ -var dataTmp = { - comments: {} -}; - - -/** - * 评论部分 - */ -var MiraclesComment = { - //评论核心函数 - core: function() { - var commentID = $('.comment-box-id').attr('id'); - window.TypechoComment = { - dom : function (id) { - return document.getElementById(id); - }, - - create : function (tag, attr) { - var el = document.createElement(tag); - - for (var key in attr) { - el.setAttribute(key, attr[key]); - } - - return el; - }, - - reply : function (cid, coid) { - var comment = this.dom(cid), parent = comment.parentNode, - response = this.dom(commentID), input = this.dom('comment-parent'), - form = 'form' == response.tagName ? response : response.getElementsByTagName('form')[0], - textarea = response.getElementsByTagName('textarea')[0]; - - if (null == input) { - input = this.create('input', { - 'type' : 'hidden', - 'name' : 'parent', - 'id' : 'comment-parent' - }); - - form.appendChild(input); - } - input.setAttribute('value', coid); - - if (null == this.dom('comment-form-place-holder')) { - var holder = this.create('div', { - 'id' : 'comment-form-place-holder' - }); - - response.parentNode.insertBefore(holder, response); - } - - comment.appendChild(response); - this.dom('cancel-comment-reply-link').style.display = ''; - - if (null != textarea && 'text' == textarea.name) { - textarea.focus(); - } - - return false; - }, - - cancelReply : function () { - var response = this.dom(commentID), - holder = this.dom('comment-form-place-holder'), input = this.dom('comment-parent'); - - if (null != input) { - input.parentNode.removeChild(input); - } - - if (null == holder) { - return true; - } - - this.dom('cancel-comment-reply-link').style.display = 'none'; - holder.parentNode.insertBefore(response, holder); - return false; - } - }; - }, - - //提交评论 - submitComment: function() { - //如果获取不到评论提交 URL 则终止 - if(!$('.comment-box-id').attr('data-commentUrl')) { return false; } - - /* ===== 检查是否完整 =====*/ - if (!$('#comment-form #textarea').val()) { - alertSend('请填写评论内容！', 'failed'); - return false; - } - - if ($('#comment-form .comment-input #author').length && !$('#comment-form .comment-input #author').val()) { - alertSend('请填写您的昵称！', 'failed'); - return false; - } - - //评论前需要做的事情 - function beforeComment() { - //禁用按钮 - $('#comment-form .comment-submit').attr('disabled', true); - }; - beforeComment(); - - //评论后需要做的事情 - function afterComment(status) { - //取消禁用评论按钮 - $('#comment-form .comment-submit').removeAttr('disabled'); - - //判断是否评论成功 - if(status) { - //如果成功 - if ($('.comment-waiting').length) { - alertSend('评论提交成功，正在等待审核！', 'success'); - }else{ - alertSend('评论提交成功！', 'success'); - } - //清空被回复 ID - dataTmp.comments.replyTo = ''; - }else{ - //如果失败 - alertSend('评论提交失败！', 'failed'); - } - - //无论是否成功都要重新绑定回复按钮 ID - MiraclesComment.bindReplyBtn(); - } - - //AJAX 提交 - $.ajax({ - type: 'POST', - url: $('.comment-box-id').attr('data-commentUrl'), - data: $('#comment-form').serialize(), - success: function(data) { - var data = $("").append($(data)); - var $html = $("title", data); //返回的内容 - - //评论成功 - if ($html.html() != 'Error') { - $('#comment-form #textarea').val(''); //清空评论框 - - //获取新评论 ID - if (data.html()) { - dataTmp.comments.NewID = $(".comment-list", data).html().match(/id=\"?comment-\d+/g).join().match(/\d+/g).sort(function (a, b) { return a - b }).pop(); - }else{ - alertSend('评论失败！请刷新页面', 'failed'); - return false; - } - - console.log(dataTmp.comments.replyTo); - - //如果是父评论 - if('' === dataTmp.comments.replyTo) { - if(!$('.comment-list').length) { - //检查是否已有评论 - //如果没有先插入评论列表基本结构 - dataTmp.comments.NewComment = $("#comment-" + dataTmp.comments.NewID, data); - $('.comment').prepend('

已有 0 条评论

'); - $('.comment .comment-list').first().prepend((dataTmp.comments.NewComment).addClass('comment-animation-fadein')); - } else if($('.prev').length) { - //如果不在第一页 - $('.comment-pagenav li a').eq(1).click(); - } else { - //当前在第一页 - dataTmp.comments.NewComment = $("#comment-" + dataTmp.comments.NewID, data); - $('.comment .comment-list').first().prepend((dataTmp.comments.NewComment).addClass('comment-animation-fadein')); - } - - } else { - //如果是子评论 - dataTmp.comments.NewComment = $("#comment-" + dataTmp.comments.NewID, data); - - if ($('#'+dataTmp.comments.replyTo).find('.comment-children').length) { - //当前父评论已经有嵌套的结构 - //直接插入新的评论 - $('#'+ dataTmp.comments.replyTo +' .comment-children .comment-list').first().prepend((dataTmp.comments.NewComment).addClass('comment-animation-fadein')); - TypechoComment.cancelReply(); - } else { - //当前父评论没有嵌套的结构 - //先构建嵌套的结构再进插入子评论 - $('#'+ dataTmp.comments.replyTo).append('
'); - $('#'+ dataTmp.comments.replyTo +' .comment-children .comment-list').first().prepend((dataTmp.comments.NewComment).addClass('comment-animation-fadein')); - TypechoComment.cancelReply(); - } - } - - //评论数量增加 - if (/\d+/.test($('.comment .comment-container .comment-title').text())) { - var counts = parseInt($('.comment .comment-container .comment-title').text().replace(/[^0-9]/ig,"")); - $('.comment .comment-container .comment-title').html($('.comment .comment-container .comment-title').html().replace(/\d+/, counts + 1)); - } - - //评论后需要处理的事情 - afterComment(true); - }else{ - //评论失败 - afterComment(false); - } - } - }); - }, - - //为回复/取消回复按钮绑定事件 - bindReplyBtn: function() { - //如果评论列表不存在 - if(!$('.comment').length) { return false; } - //初始化被回复评论变量 - dataTmp.comments.replyTo = ''; - - for(let i=0; i<$(".comment-reply a").length; ++i) { - $(".comment-reply a")[i].addEventListener('click', function() { - dataTmp.comments.replyTo = $(this).parent().parent().parent().parent().parent().attr("id"); - }); - } - } -}; - -//执行 -MiraclesComment.core(); -MiraclesComment.bindReplyBtn(); \ No newline at end of file -- cgit v1.2.3