首页点击进入文章无法显示音乐插件

[fka923]

文章中使用该插件添加了音乐后，通过首页点击进入文章无法显示音乐插件，需要手动刷新才能显示
博客地址：https://fengkeao.top
文章地址：https://fengkeao.top/archives/QtTqYrwv

[VaporTang]

我也遇到了类似的问题
编辑界面预览可以正常播放音乐
但是从其他途径都需要刷新一次网页后才可用
插件版本为最新
halo2版本为: 2.20.12 LTS

[fka923]

我也遇到了类似的问题 编辑界面预览可以正常播放音乐 但是从其他途径都需要刷新一次网页后才可用 插件版本为最新 halo2版本为： 2.20.12 LTS

找到解决办法了。
在全局head或页脚中注入以下代码：
<script> document.addEventListener("pjax:complete", function() { const aplayerElements = document.querySelectorAll("div[aplayer]"); for (let i = 0; i < aplayerElements.length; i++) { const el = aplayerElements[i]; new APlayer({ container: el, autoplay: el.getAttribute("autoplay") === "true", audio: [ { name: el.getAttribute("name"), artist: el.getAttribute("artist"), url: el.getAttribute("url"), cover: el.getAttribute("cover"), lrc: el.getAttribute("lrc"), }, ], }); } }); </script>
其实本质就是将插件APlayerJSInjector.java返回的数据中的监听 DOM 内容加载完成 改为监听 PJAX 请求已完成
也就是：
document.addEventListener("DOMContentLoaded"", function() {});
document.addEventListener("pjax:complete", function() {});

[VaporTang]

<script> document.addEventListener("pjax:complete", function() { const aplayerElements = document.querySelectorAll("div[aplayer]"); for (let i = 0; i < aplayerElements.length; i++) { const el = aplayerElements[i]; new APlayer({ container: el, autoplay: el.getAttribute("autoplay") === "true", audio: [ { name: el.getAttribute("name"), artist: el.getAttribute("artist"), url: el.getAttribute("url"), cover: el.getAttribute("cover"), lrc: el.getAttribute("lrc"), }, ], }); } }); </script>

非常感谢您, 我尝试后这的确是有效的方案