Fix issues caused by onload event: initWidget is not defined (#12)

This commit is contained in:
冯国清 2019-12-04 20:59:27 +08:00 committed by ᴍɪᴍɪ
parent 196d51741f
commit e35894c60d

View File

@ -2,30 +2,39 @@
const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/"; const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget/";
//const live2d_path = "/live2d-widget/"; //const live2d_path = "/live2d-widget/";
//加载waifu.css //封装异步加载资源的方法
$("<link>").attr({ href: live2d_path + "waifu.css", rel: "stylesheet" }).appendTo("head"); function loadExternalResource(url, type) {
return new Promise((resolve, reject) => {
let tag;
//加载live2d.min.js if (type === "css") {
$.ajax({ tag = document.createElement("link");
url: live2d_path + "live2d.min.js", tag.rel = "stylesheet";
dataType: "script", tag.href = url;
cache: true }
else if (type === "js") {
tag = document.createElement("script");
tag.src = url;
}
if (tag) {
tag.onload = () => resolve(url);
tag.onerror = () => reject(url);
document.head.appendChild(tag);
}
}); });
}
//加载waifu-tips.js //加载waifu.css live2d.min.js waifu-tips.js
$.ajax({ Promise.all([
url: live2d_path + "waifu-tips.js", loadExternalResource(live2d_path + "waifu.css", "css"),
dataType: "script", loadExternalResource(live2d_path + "live2d.min.js", "js"),
cache: true loadExternalResource(live2d_path + "waifu-tips.js", "js")
}); ]).then(() => {
//初始化看板娘会自动加载指定目录下的waifu-tips.json
$(window).on("load", function() {
initWidget(live2d_path + "waifu-tips.json", "https://live2d.fghrsh.net/api"); initWidget(live2d_path + "waifu-tips.json", "https://live2d.fghrsh.net/api");
}); });
//initWidget第一个参数为waifu-tips.json的路径 //initWidget第一个参数为waifu-tips.json的路径第二个参数为api地址
//第二个参数为api地址无需修改
//api后端可自行搭建参考https://github.com/fghrsh/live2d_api //api后端可自行搭建参考https://github.com/fghrsh/live2d_api
//初始化看板娘会自动加载指定目录下的waifu-tips.json
console.log(` console.log(`
__,.ヘヽ. / , __,.ヘヽ. / ,