学习永不停止
我们一起努力吧!

wordpress大前端DUX欲思D8其他主题“评论”页面错位解决

阳江鼎阳抄数设计交流群

很多使用wordpress大前端主题,比如DUX主题、D8主题、根据D8修改的欲思主题的朋友可能会遇到这样一种情况:填写完评论信息递交后,整个网站突然页面错位(或变小)了。根据笔者个人的使用经验,在原主题的基础上一般不会出现这种情况,但当后期二次处理,比如加入防垃圾验证代码时则会出现。从表面上看,尽管版面不美观,刷新后也会恢复正常,但这确实给用户带来了不好的体现。下面谈一下如何修复这个BUG,其他主题的朋友也可以参考一下,应该会有帮助的。

导致原因

WordPress返回样式和标签冲突导致。当用户输入一些与评论要求不相符信息,主题会对wordpress返回的错误数据进行相关处理,直接把返回的数据输出来,造成新旧两种样式的冲突。

解决方法

DUX主题、D8主题、根据D8修改的欲思主题等都将返回数据错误控制代码放在comment.js里面(其他的主题请自行查找),我们将其打开,输入关键字“comt-error”定位到:

$('.comt-error').slideDown(300).html

然后将其替换成:

 $('.comt-error').slideDown(300).html(request.responseText.replace(/<style.*?>([^<>]*)<\/style>/,''));//取除样式之外的代码

 将修改后的文件上传网站,替换原文件,刷新网页发现,网页版面错位变化的BUG修复了!

未经允许不得转载:http://jdks100.com/风语守望_博客 » wordpress大前端DUX欲思D8其他主题“评论”页面错位解决


分享到:更多 ()
关注“公众平台”:     学习交流QQ群(185619299):

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  • 0 + 0 = ?

风语守望_博客,共同学习,一起成长!

网站首页联系我们
防复制