WordPress点击“回复”时将评论框移到该评论之下（jQuery版）

    /**

     * 点击“回复”移动评论回复框至当前评论之下 （作用同wp-inclues/js/comment-reply.min.js）

     * by inlojv.com 2020.09.26

     */

    $(document).on('click', '.comment-reply-link', // 点击回复按钮

    	function(event) {

    		$('.respond-box .cancel-comment-reply-link').trigger('click'); // 触发一遍取消回复点击，用于轮换点击“回复”按钮

    		$('.comment-content .respond-box').css('margin-bottom','30px');

    		var get_parent_id = $(this).attr('href').match(/(\d+)#/); // 父级id链接

    		var parent_id = get_parent_id[1]; // 获取父级id

    		$('#comment_list .respond-box').empty(); // 移除其他盒子内的html

    		var content = $('#respond').html(); // 获取form表单html

    		$('#respond').empty();	 // 移除原回复框内部的html，但不移除外层div

    		$('#respond-box-'+parent_id).html(content); // 填充html内容	

    		$('#comment_parent').val(parent_id); // 为移动后表单隐藏域的父级value赋值

    		$('.cancel-comment-reply-link').show(); // 显示取消回复按钮

    		var store_content = $('#respond-box-'+parent_id).html() // 储存提交表单form			

     		setTimeout(function () {  // 延迟一下 执行定位	

    			$("html, body").animate({scrollTop:$('#comment-'+parent_id).offset().top-190}, 400); 				

    		}, 100);	

    		event.preventDefault(); // 阻止默认点击事件，但不阻止冒泡

    	}

    );

    $(document).on('click', '.cancel-comment-reply-link', // 点击取消回复按钮

    	function(event) { 

    		var respond_id = $('#comment_parent').val(); // 获取回复框的id（父级id）

    		var content = $('#respond-box-'+respond_id).html(); // 获取form表单html

    		$('#comment_list .respond-box').empty(); // 移除其他盒子内的html

    		$('#respond').html(content).show(); // 将回复框放回原有位置

    		$('.cancel-comment-reply-link').hide(); // 隐藏取消回复按钮

    		$('#comment_parent').val(0); // 表单id值归零（直接评论的表单值为零）

    		$('.comment-content .respond-box').css('margin-bottom','0');

    		event.preventDefault(); // 阻止默认点击事件，但不阻止冒泡

    	}

    );