Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Dec 4, 2019
Merged

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

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
f14c591
fix error ( ReferenceError: initWidget is not defined )
ShadowWaIker Sep 30, 2019
2a3be9a
url
ShadowWaIker Sep 30, 2019
72e5d62
Revert "url"
ShadowWaIker Sep 30, 2019
d7edb79
Update autoload.js
stevenjoezhang Dec 4, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
47 changes: 28 additions & 19 deletions autoload.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,30 +2,39 @@
const live2d_path = "https://cdn.jsdelivr.net/gh/stevenjoezhang/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
$.ajax({
url: live2d_path + "live2d.min.js",
dataType: "script",
cache: true
});

//加载waifu-tips.js
$.ajax({
url: live2d_path + "waifu-tips.js",
dataType: "script",
cache: true
});
if (type === "css") {
tag = document.createElement("link");
tag.rel = "stylesheet";
tag.href = url;
}
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.json
$(window).on("load", function() {
//加载waifu.css live2d.min.js waifu-tips.js
Promise.all([
loadExternalResource(live2d_path + "waifu.css", "css"),
loadExternalResource(live2d_path + "live2d.min.js", "js"),
loadExternalResource(live2d_path + "waifu-tips.js", "js")
]).then(() => {
initWidget(live2d_path + "waifu-tips.json", "https://live2d.fghrsh.net/api");
});
//initWidget第一个参数为waifu-tips.json的路径
//第二个参数为api地址（无需修改）
//initWidget第一个参数为waifu-tips.json的路径，第二个参数为api地址
//api后端可自行搭建，参考https://github.com/fghrsh/live2d_api
//初始化看板娘会自动加载指定目录下的waifu-tips.json

console.log(`
く__,.ヘヽ. / ,ー､ 〉
Expand Down