一、不想折腾代码的只需两步即可,详细如下:

1、下载本站已经折腾好的Three主题滑动解锁自动提交代码压缩包,内含张戈博主分享的myqaptcha代码和Three主题须要修正的更换文件。

下载地址

php提交按钮替换Three主题评论按钮修正为滑动/拉链解锁后主动提交评论 Bootstrap

2、将本站分享的压缩包解压后,把myqaptcha文件夹上传到Three主题目录下;把“Three主题修正文件”文件夹内的comments.php和functions.php更换Three主题目录下的comments.php和functions.php文件,把comments-ajax.js更换Three主题目录下JS文件夹内的comments-ajax.js文件。

二、想折腾代码的详细步骤如下(适用于其他WordPress主题):

1、跟上面第一步一样,下载张戈博主分享的myQaptcha代码,下载解压后,将得到的myqaptcha文件夹整体上传到Three主题目录下备用。

2、编辑Three主题目录下的functions.php,在<?php 之后添加如下代码保存即可:

// 滑动提交评论

include(\公众myqaptcha/myQaptcha.php\公众);

3、修正评论框的提交按钮代码

打开Three主题目录下的comments.php,将以下代码:

<p class=\公众form-submit\"大众>

<input id=\公众submit\"大众 name=\"大众submit\"大众 type=\"大众submit\"大众 tabindex=\"大众5\"大众 value=\"大众提交评论\公众>

<?php comment_id_fields(); do_action('comment_form', $post->ID); ?>

</p>

更换为以下代码:

<div id=\公众autosubmit\"大众></div>

<p style=\"大众display:none;\"大众>

<input id=\"大众submit\"大众 name=\"大众submit\"大众 type=\"大众submit\公众 tabindex=\"大众5\"大众 value=\公众提交评论\"大众>

<?php comment_id_fields(); do_action('comment_form', $post->ID); ?>

</p>

4、修正comments-ajax.js代码

目的是为了滑动模块后,不管是评论提交成功还是失落败,模块都该当规复到未拉动的状态,以备再次评论。

把以下代码:

/ Ajax /

$.ajax( {

url: ajax_php_url,

data: $(this).serialize(),

type: $(this).attr('method'),

error: function(request) {

$('#loading').slideUp();

$('#error').slideDown().html('<img src=\公众' + pic_no + '\"大众 style=\公众vertical-align:middle;\公众 alt=\公众\公众/> ' + request.responseText);

setTimeout(function() {$submit.attr('disabled', false).fadeTo('slow', 1); $('#error').slideUp();}, 3000);

},

success: function(data) {

$('#loading').hide();

comm_array.push($('#comment').val());

$('textarea').each(function() {this.value = ''});

var t = addComment, cancel = t.I('cancel-comment-reply-link'), temp = t.I('wp-temp-form-div'), respond = t.I(t.respondId), post = t.I('comment_post_ID').value, parent = t.I('comment_parent').value;

更换为以下代码:

/ Ajax /

$.ajax( {

url: ajax_php_url,

data: $(this).serialize(),

type: $(this).attr('method'),

error: function(request) {

$('#loading').slideUp();

$('#error').slideDown().html('<img src=\公众' + pic_no + '\"大众 style=\公众vertical-align:middle;\"大众 alt=\公众\"大众/> ' + request.responseText);

setTimeout(function() {$submit.attr('disabled', false).fadeTo('slow', 1); $('#error').slideUp();}, 3000);

$(\"大众.QapTcha\公众).html('');$(\"大众.QapTcha\"大众).QapTcha();

},

success: function(data) {

$('#loading').hide();

comm_array.push($('#comment').val());

$('textarea').each(function() {this.value = ''});

var t = addComment, cancel = t.I('cancel-comment-reply-link'), temp = t.I('wp-temp-form-div'), respond = t.I(t.respondId), post = t.I('comment_post_ID').value, parent = t.I('comment_parent').value;

$(\"大众.QapTcha\"大众).html('');$(\"大众.QapTcha\"大众).QapTcha();

很明显,也就新增了2行JS代码,浸染便是为了在aja评论成功或失落败后,复原滑动模块,让滑动模块可以再次利用!

至此,Three主题评论按钮修正为滑动/拉链解锁后自动提交评论的功能已经实现了,欢迎大家测试利用。

特殊感谢:本文技能和myQaptcha代码均来自于张戈博主的《WordPress评论滑动/拉链解锁myQaptcha修正为自动提交的方法》。