今天早上闲着无聊点了一下 WordPress 更新按键，从 5.0.3 更新到了 5.1，没想到出现了评论回复按键失效的问题，瞬间懵逼，因为电脑不方便联网根本没法排查故障，结果 bug 挂了一整天=.=

回来仔细看了一下，发现问题是因为 WP 更新了 comment-reply-link() 函数的输出。原本输出的 reply 按键，其 HTML 标签带有一个 onclick 事件，绑定了 addComment.moveForm() 事件，Sakura 主题、以及正在写的 Gorgeous 主题评论回复都利用了这个 onclick 事件，而在 WP 5.1 中，这个 onclick 事件被移除了，如图，上方的是 WP 5.1，下方是 WP 5.0：

因此修复这个问题的方法就是为 reply 按键添加一个 click 事件监听器。以 Sakura 主题为例，用 jQuery 实现：

$('body').on('click', '.comment-reply-link', function(){
    addComment.moveForm( "comment-"+$(this).attr('data-commentid'), $(this).attr('data-commentid'), "respond", $(this).attr('data-postid') );
    return false;  // 阻止 a tag 跳转，这句千万别漏了
});

对于 WP 这个改动的出发点我觉得挺好，因为总感觉 inline 的 onclick 事件挺 low 的（虽然 Sakura 主题里面用了不少23333），不过忽然这样毫无征兆和说明地取消原有接口挺不好，WP 本应提供一个 hook 让我们可以自由地决定是否保留原有方法，不是吗？

「樱花庄的白猫」原创文章：《修复 WordPress 5.1 评论回复按键失效问题》，转载请保留出处！https://2heng.xin/2019/02/23/fix-wordpress-5-1-comment-reply-link-onclick-event/

Q.E.D.

Comments

赏