Disqus评论数jQuery UI选项卡标题

Question

我试图让Disqus评论数显示在jQuery UI选项卡的标签标题中。

Disqus说：

追加#disqus_thread在你的链接href属性。这将告诉Disqus哪些链接查找并返回评论数量。例如：

<a href="http://foo.com/bar.html#disqus_thread">Link</a>. 

由于我的链接是一个jQuery的标签，因为它看起来是这样的：

<a href="#tabs-2">Comments</a> 

我已经尝试添加#disqus_thread给它，然后评论数也出现，但这也打破了标签功能。

如何将#disqus_thread添加到href并且不打破jQuery选项卡？ 完整的代码看起来是这样的：

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1"><span>Info</span></a></li> 
     <li><a href="#tabs-2"><span>Comments</span></a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>Lorem ipsum</p> 
    </div>    
    <div id="tabs-2"> 
     <p>Lorem ipsum</p> 
     <div id="disqus_thread"></div> 
     <script type="text/javascript"> 
     // this contains the Disqus JavaScript 
     </script> 
    </div> 
</div> 

Answer 1

注释计数脚本是相当固定的它看起来是有“disqus_thread”散列锚标记。在你的情况下，你可能需要使用API​​来获取评论计数，以不同的方式呈现它们。

这个答案对如何做到这一点的例子：Showing Disqus comment count in a DIV or SPAN - not <a href>

请记住，你可能会想使Disqus API调用服务器端，它缓存，并使用例如阅读您的缓存文件。除了在您的网站上加载速度更快之外，这还可以让您避免超过1000个请求/小时限制。