修正关于Ajax comments的一个小问题

很多人都用willin的Ajax comments，确实是一个非常好的功能，我也一直在用。

我用的版本还是很早期的版本了，期间willin进行了多次修改升级，我一直没动，甚至换了现在新主题还是使用原来的版本。期间一直有一个问题困扰我，那就是当你发表重复评论时，评论框下方会出现提醒，但是此时我的整个博客页面也就错位了。

虽然老早就发现过此问题，但是由于几乎没什么影响（除了不小心的，谁还会没事连发相同的评论呢？），而且刷新后页面就会正常，所以一直没有想过去更改。

今天又再次重现了这个问题，所以我看不下去了，决定查找原因。

我用firebug查看了页面，发现页面文档结构貌似并没有出现错位什么的，那么就是说问题是出在css中了。果然，我一眼就看到body的样式中多了

-moz-border-radius:11px 11px 11px 11px;

这么个东西，我可没搞过这玩意儿。

如图中红线部分。

再看图中黄色部分，是在install.css样式文件中。我主题里可没这个文件。这个文件是在wordpress的wp-admin/css/这个目录中。看来是从外部引入的文件，页面有变化的也就是评论框下方显示错误信息的位置了。

于是我又查看了显示错误信息位置的源码，终于发现了错误根源

其结构如下

<div style="display: none; background: url(&quot;http://127.0.0.1/qiqiboy/wp-admin/images/no.png&quot;) no-repeat scroll left center transparent; padding-left: 20px; margin: 0pt auto;" id="commenterror">

    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">

    <title>WordPress › 错误</title>

    <!--就是下面这个通过link标签进来的样式文件搞的怪-->

    <link type="text/css" href="http://127.0.0.1/qiqiboy/wp-admin/css/install.css" rel="stylesheet">

    <p>重复发表评论，您好像发表过类似的评论。</p>

</div>

所这下就好办了，直接到ajax评论的那段js里，找到

$('#commenterror').show('slow').html(request.responseText)

我的是老版本，不知道新版本代码里还是不是这样，还存不存在这个问题。

将上面的js代码加个正则过滤，如下

$('#commenterror').show('slow').html(request.responseText.replace(/<(?!p).*?>(?:.*?<\/.*?>)?/gi,''));

这样就会过滤掉<meta><link>和<title>标签以及他们中间的内容，只留下需要的<p>标签。

这下，果然页面不会再出现错误了。

注意：这个错误貌似不是普遍的，有的人的在发生重复发表评论错误时，返回的信息中貌似就只包括“重复发表评论，您好像发表过类似的评论。”这句话，而不包括其他的<mata>、<link>等信息。