首页 » 网站建设 » php是否提交按钮技巧_Three主题评论按钮修改为滑动拉链解锁后自动提交评论

php是否提交按钮技巧_Three主题评论按钮修改为滑动拉链解锁后自动提交评论

访客 2024-12-07 0

扫一扫用手机浏览

文章目录 [+]

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

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

php是否提交按钮技巧_Three主题评论按钮修改为滑动拉链解锁后自动提交评论

下载地址

php是否提交按钮技巧_Three主题评论按钮修改为滑动拉链解锁后自动提交评论
(图片来自网络侵删)

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修正为自动提交的方法》。

标签:

相关文章

php局部静态技巧_页面静态化若何实现

一样平常情形下会从以下方面来做优化1、动态页面静态化2、优化数据库3、利用负载均衡4、利用缓存5、利用CDN加速现在很多网站在培植...

网站建设 2024-12-09 阅读0 评论0

php比拟lt技巧_IT行业职位一览表

小编随着当代经济和科技的不断进步,IT互联网行业进入了高速发展期间,IT家当可以说遍布大家生活和事情的方方面面,每年IT专业人才缺...

网站建设 2024-12-09 阅读0 评论0