自动隐藏评论区的用户信息输入框

今天下午对评论做了一点小调整,首先是评论分页了,这样每次打开文章页面不至于冗长,加载也会快那么一丢丢,应该没多少人会翻看旧的评论吧?

其次,就是评论区的用户信息,如果之前评论过,则自动隐藏姓名、邮件、站点的输入框,只显示名称以及修改的按钮。这样页面看上去更简洁,要不然四个输入框,看着确实乱一些。这个功能在很多博客见过的,刚开始搜了一下现成的代码,发现要么需要引用jQuery等Javascript库,要么需要修改主题评论的html代码。

可是,我不喜欢用不到的代码出现,所以jQuery不用;而且我的主题,是默认的主题修改而成,评论框部分是直接一个函数调用WP系统的,要么修改系统代码,下次升级重新改一遍,要么把系统代码复制到主题里面,都好麻烦。

因为要隐藏的这几个元素(被p标签包裹),恰好没有id,js不好选择,最后就遍历它们的父级下的所有p标签,然后判断其class,设置display属性,毕竟一共就那么几个元素,效率没问题的。然后再用js加个显示/隐藏切换的按钮,方便修改信息,最后在主题里加一行判断是否有信息填写过,有就输出执行js的代码。代码很简单,一共俩js函数,位于根目录的script.js中,不一定完美,简单能用就行~各位试一下行不行吧。

随便看看

本文共有69条评论

          1. 呃,还是不懂。对于大牛来说,这些都是轻描淡写,但对于我们来说,所谓判断函数根本不知道是什么样子的。我是最近使用了WP Super Cache这个插件之后,导致评论区域无法自动保存访客信息……才拜求这个的

        1. 我看你也是WP自带的评论系统,用我的js,在评论框的前面加入id=comment-hello的p元素,后面加入script触发,应该就可以用了(参照源码,不过这样需要重新填写一次信息,之前的没有迁移)。

您好,#请填信息#填写

发表评论