Счетчик комментариев Disqus в заголовке пользовательского интерфейса jQuery

Question

Я пытаюсь получить счетчик комментариев Disqus для отображения в заголовке вкладки вкладки пользовательского интерфейса jQuery.

Disqus говорит:

Append #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 запросов/час.