该博客探讨了前端网页中评论区头像显示的问题。作者使用JavaScript进行轮询检查，并根据评论区条目长度动态构建头像。然而，尽管采用了这种方法，仍然存在头像无法显示的状况。代码示例中展示了如何替换头像URL并添加占位符图片，以及在开发环境下使用dummyimage。文章旨在寻求解决方案以确保所有评论头像能正确显示。
目前具体思路是通过轮询构建头像，条件是通过判断评论区条目length。问题是有时依然无法显示评论区头像。以下是目前的代码：
function showAvatar() {
$('.feedbackItem').each(function() {
let avatar = $(this)
.children('.feedbackCon')
.children('span:last')
.html()
avatar = avatar
? avatar.replace('http://', 'https://')
: 'https://pic.cnblogs.com/face/sample_face.gif'
if (env === 'dev') avatar = 'https://www.dummyimage.com/50'
const ele = `
$(this)
.children('.feedbackCon')
.prepend(ele)
})
}
function poll(condition, callback) {
if (condition) {
callback()
} else {
let count = 1
let intervalId = setInterval(() => {
if (condition) {
callback()
clearInterval(intervalId)
}
if (count === 30) {
clearInterval(intervalId)
}
count++
}, 100)
}
}
// 轮询显示头像
function pollToShow() {
if (pageName() !== 'post') return
poll($('.feedbackListSubtitle').length, showAvatar)
}
请问如何解决呢？
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
