From 1f5ef43b17a5610ee95aa5b56de391d1a5753045 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=BE=A1=E7=BE=A1?= <xyhghy@outlook.com>
Date: Fri, 30 Jun 2023 15:30:44 +0800
Subject: [PATCH] =?UTF-8?q?Fix:=E4=BF=AE=E5=A4=8D=E6=9C=80=E6=96=B0?=
 =?UTF-8?q?=E8=AF=84=E8=AE=BA=E5=88=87=E6=8D=A2=E6=97=A0=E6=B3=95=E8=8E=B7?=
 =?UTF-8?q?=E5=8F=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/modules/widgets/aside/comments.html | 52 ++++++++++---------
 1 file changed, 28 insertions(+), 24 deletions(-)

diff --git a/templates/modules/widgets/aside/comments.html b/templates/modules/widgets/aside/comments.html
index 81026bc0..c063032a 100644
--- a/templates/modules/widgets/aside/comments.html
+++ b/templates/modules/widgets/aside/comments.html
@@ -4,23 +4,21 @@
 <div class="card-widget card-recent-post"  th:fragment="comments">
     <div class="item-headline"><i class="iconfont icon-comment-dots"></i><span>最新评论</span></div>
     <div class="aside-list" id="newcomm">
-
-    </div>
-</div>
-<script th:src="@{/assets/libs/twikoo/twikoo.all.min.js}"></script>
-<script th:if="${theme.config.comments.twikoo && #strings.equals(theme.config.comments.use, 'Twikoo') && not #strings.isEmpty(theme.config.comments.envId)}">
-    const pagesize = [[${theme.config.sidebar.newcommentnumber}]];
-    const defaultpagesize = 5;
-    const finalpagesize = pagesize <= 0 ? defaultpagesize : pagesize;
-    twikoo.getRecentComments({
-        envId: [[${ theme.config.comments.envId }]], // 环境 ID
-        // region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，如果您的环境地域不是上海，需传此参数
-        pageSize: finalpagesize, // 获取多少条，默认：10，最大：100
-        includeReply: false // 是否包括最新回复，默认：false
-    }).then(function (res) {
-        let commenthtml = '';
-        res.forEach((items)=>{
-            commenthtml += `<div class="aside-list-item">
+        <script th:src="@{/assets/libs/twikoo/twikoo.all.min.js}"></script>
+        <script th:if="${theme.config.comments.twikoo && #strings.equals(theme.config.comments.use, 'Twikoo') && not #strings.isEmpty(theme.config.comments.envId)}">
+            (()=>{
+                const pagesize = [[${theme.config.sidebar.newcommentnumber}]];
+                const defaultpagesize = 5;
+                const finalpagesize = pagesize <= 0 ? defaultpagesize : pagesize;
+                twikoo.getRecentComments({
+                    envId: [[${ theme.config.comments.envId }]], // 环境 ID
+                    // region: 'ap-guangzhou', // 环境地域，默认为 ap-shanghai，如果您的环境地域不是上海，需传此参数
+                    pageSize: finalpagesize, // 获取多少条，默认：10，最大：100
+                    includeReply: false // 是否包括最新回复，默认：false
+                }).then(function (res) {
+                    let commenthtml = '';
+                    res.forEach((items)=>{
+                        commenthtml += `<div class="aside-list-item">
             <a class="thumbnail" href="${items.url}">
                 <img loading="lazy" alt="dasda" src="${items.avatar}">
             </a>
@@ -34,11 +32,17 @@
                 </div>
             </div>
         </div>`
-        });
-        document.querySelector('#newcomm').innerHTML = commenthtml;
-    }).catch(function (err) {
-        // 发生错误
-        console.error(err);
-    });
-</script>
+                    });
+                    let necomm = document.querySelector('#newcomm')
+                    necomm.innerHTML = commenthtml;
+                    window.lazyLoadInstance && window.lazyLoadInstance.update()
+                    window.pjax && window.pjax.refresh(necomm)
+                }).catch(function (err) {
+                    // 发生错误
+                    console.error(err);
+                });
+            })();
+        </script>
+    </div>
+</div>
 </html>