0

我试图让 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>
4

1 回答 1

0

评论计数脚本相当不灵活，它会查找具有“disqus_thread”哈希的锚标记。在您的情况下，您可能需要使用 API 来获取评论计数，以便以不同的方式呈现它们。

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

请记住，您可能希望在服务器端调用 Disqus API，对其进行缓存，然后使用示例读取您的缓存文件。除了在您的网站上更快地加载之外，这还可以防止您超过 1000 个请求/小时的限制。

于 2013-05-05T18:14:36.660 回答