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

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

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

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

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

随便看看

本文共有69条评论

  1. 这个感情好,jquery我也不喜欢,因为……看不懂,哈哈,简洁简洁,再简洁~还原博客原来的样子,其实……内在不简洁啦~

  2. “首先是评论分页了,这样每次打开文章页面不至于冗长”

    所以这就是为何我评论框同时搞了两个

    顶部的一个,是给没习惯看别人留言的

    底部的那个,是给有习惯看别人留言的

    于是各取所需,而我自己就属于没习惯看别人留言的那类,嘿嘿

你好,哪位? 填写