一名热爱体感技术的
业余专业开发人员

终于修复了博客“去评论”跳转失效的问题

自从第一次使用wordpress作为网站后,安装评论插件后,跳转到评论这个按钮就形同虚设,点一下和跳转到页面顶端一样。今天搜了下,终于搞定了这个问题,以后看评论或者自己去评论就方便了。这里记录下如何解决这个问题的,如果你也遇到网站“去评论”按钮失效,可以跟着这篇文章去分析和修改。

首先使用chrome,鼠标放到去评论那个按钮上,右键–>检查,则右侧启动了Chrome开发者工具,我们可以清楚看到这个按钮对应的代码(这里已经是修改后的结果):

20160724164510

我们发现scrollTo后面那个是一个div字段的名称,但是页面中如果没有这个名称就会导致跳转失败了。因此我们需要把它改成页面中存在的名称。对畅言插件邮件,我们看到很多div class=某个名称的字段,我选择了最上层的SOHUCS这个字段,后面再加个-50,表示SOHUCS插件出现位置减去50像素,这样才可以完整的把头像显示出来。可以直接修改右侧内容(双击那个需要修改的字段)后测试,发现可以正常跳转了!

2016-7-24

下来我们需要找到这个控制跳转的代码,建议使用notepad++工具,把需要搜索的文件夹拖入notepad++中,右键进行文件搜索(Fild In Files..):

notepad_search_file我们输入关键字javascript:(scrollTo(‘#comments’,-15)开始搜索,瞬间会找到结果,原来实现在dux这个主题,js文件夹下的main.js中的第180行:

20160724163845
我们将scrollTo(‘#comments’,-15)替换成scrollTo(‘#SOHUCS’,-50)即可。

刷新页面后,网站终于可以正常跳转到评论模块了!