Advanced integration

Advanced integration

Comment counter

如果要显示评论数,只需在该评论锚点放一个链接:

<a href="/my-uri.html#isso-thread">Comments</a>

Isso js客户端 将用人类可读的计数器(例如 “5条评论” )替换此标签的内容。

另外,如果从 href 猜测不到相关主题,则可以在 <a> 上使用 data-isso-id 属性来指示要计数的评论帖。

现在,如果您只想显示评论计数(例如在索引页面上),要么引入 count.min.js ,要么引入完整评论客户端 embed.min.js (请参阅 Quickstart );不要混合使用这两种方法。

可以在一个页面中拥有任意数量的评论计数器,它们将被合并到单个 GET 请求中。

Asynchronous comments loading

Isso将在 DOMContentLoaded 事件后自动获取评论。但是,如果您的网站正在动态创建内容(例如:通过ajax),则需要手动重新获取评论数据。您可以通过以下方法重新获取:

window.Isso.fetchComments()

它将删除页面下的所有评论,而不是PostBox,通过元素 section#isso-thread (如果该属性不存在,则退回到 window.location.pathname )的 data-isso-id 属性获取评论,然后填充评论。换句话说,在获取新评论之前,应更改元素 section#isso-threaddata-isso-id 属性(或使用 location.pushState 修改路径名)。并且评论元素本身 应被触碰或移除。

如果删除了 section#isso-thread 元素,则只需创建另一个具有相同TagName和ID的元素即可在其中放置评论,然后调用 Issoinit 方法

window.Isso.init()

然后,Isso将初始化评论部分并获取数据,就像加载页面一样。