diff --git a/src/disqus.js b/src/disqus.js index 113435f..abe5972 100644 --- a/src/disqus.js +++ b/src/disqus.js @@ -177,8 +177,14 @@ * API URI: /3.0/posts/list.json?forum=[shortname]&thread=[thread id]&api_key=[apikey] */ - let getComment = () => { - let url = `${disqusjs.config.api}3.0/posts/list.json?forum=${disqusjs.config.shortname}&thread=${disqusjs.page.id}&api_key=${disqusjs.config.apikey}`; + let getComment = (cursor) => { + if (!cursor) { + cursor = ''; + } else { + cursor = `&cursor=${cursor}`; + } + + let url = `${disqusjs.config.api}3.0/posts/list.json?forum=${disqusjs.config.shortname}&thread=${disqusjs.page.id}${cursor}&api_key=${disqusjs.config.apikey}`; xhr.open('GET', url, true); xhr.timeout = 4000; xhr.send(); @@ -192,6 +198,11 @@ document.getElementById('dsqjs-no-comment').classList.remove('dsqjs-hide'); } + if (res.cursor.hasNext) { + document.getElementById('dsqjs-load-more').classList.remove('dsqjs-hide'); + document.getElementById('dsqjs-load-more').addEventListener('click', () => {getComment(res.cursor.next)}); + } + } else { loadError(); } @@ -270,6 +281,8 @@ s.nesting = 1; } + console.log(s); + return s; } @@ -355,14 +368,15 @@
-

评论完整模式加载中...如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理,或使用评论基础模式

-

你可能无法访问 Disqus,已启用评论基础模式。如需完整体验请针对 disq.us | disquscdn.com | disqus.com 启用代理并尝试完整 Disqus 模式 | 强制完整 Disqus 模式

-

该 Thread 并没有初始化,是否 切换到完整 Disqus 模式 进行初始化?

-

评论基础模式出现错误,是否重载

+

评论完整模式加载中...如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理,或使用评论基础模式

+

你可能无法访问 Disqus,已启用评论基础模式。如需完整体验请针对 disq.us | disquscdn.com | disqus.com 启用代理并尝试完整 Disqus 模式 | 强制完整 Disqus 模式

+

该 Thread 并没有初始化,是否 切换到完整 Disqus 模式 进行初始化?

+

评论基础模式出现错误,是否重载

这里冷冷清清的,一条评论都没有

+ 加载更多评论
*/ - var disqusjsBaseTpl = `

评论完整模式加载中...如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理,或使用评论基础模式

你可能无法访问 Disqus,已启用评论基础模式。如需完整体验请针对 disq.us | disquscdn.com | disqus.com 启用代理并尝试完整 Disqus 模式 | 强制完整 Disqus 模式

该 Thread 并没有初始化,是否 切换到完整 Disqus 模式 进行初始化?

评论基础模式出现错误,是否重载

这里冷冷清清的,一条评论都没有

`; + var disqusjsBaseTpl = `
+
+
+

评论完整模式加载中...如果长时间无法加载,请针对 disq.us | disquscdn.com | disqus.com 启用代理,或使用评论基础模式

+

你可能无法访问 Disqus,已启用评论基础模式。如需完整体验请针对 disq.us | disquscdn.com | disqus.com 启用代理并尝试完整 Disqus 模式 | 强制完整 Disqus 模式

+

该 Thread 并没有初始化,是否 切换到完整 Disqus 模式 进行初始化?

+

评论基础模式出现错误,是否重载

+

这里冷冷清清的,一条评论都没有

+
+
+ + 加载更多评论 + +
+
`; document.getElementById('disqus_thread').innerHTML = disqusjsBaseTpl; disqusjs.mode = getLS('disqusjs_mode'); diff --git a/src/disqusjs.css b/src/disqusjs.css index 2672db5..5315a91 100644 --- a/src/disqusjs.css +++ b/src/disqusjs.css @@ -136,6 +136,23 @@ #dsqjs .dsqjs-message a { margin-left: 2px; margin-right: 2px; + cursor: pointer; +} + +#dsqjs .dsqjs-load-more { + font-size: 14px; + font-weight: 400; + display: block; + text-align: center; + padding: 11px 14px; + margin: 0 0 24px; + background: #687a86; + color: #fff; + cursor: pointer; +} + +#dsqjs .dsqjs-load-more:hover { + opacity: .8; } .dsqjs-hide { @@ -152,7 +169,6 @@ #dsqjs .dsqjs-footer .dsqjs-footer-right { text-align: right; - float: right; line-height: 1.5; padding-right: 6px; } \ No newline at end of file