live2d-widget icon indicating copy to clipboard operation
live2d-widget copied to clipboard

Published 20 hours ago • verified publisher icon stevenjoezhang

按钮点击无反应，怎么办？

Open zzzyuan0 opened this issue 5 years ago • 3 comments

image

zzzyuan0 avatar Nov 29 '20 12:11 zzzyuan0

这个按钮的位置就不对，建议检查一下waifu-tips.js文件

PFiS1737 avatar Feb 14 '21 13:02 PFiS1737

能提供一下网页链接嘛？

stevenjoezhang avatar Mar 11 '21 08:03 stevenjoezhang

我来解答吧，你的网页应该本身也引用了 Font Awesome相关的js,例如https://use.fontawesome.com/releases/v5.15.1/js/all.js ，它默认会将waifu-tips.js中document.body.insertAdjacentHTML的span元素替换为svg，所以waifu-tips.js给按钮绑定事件是直接失效的。 在这些span元素下增加i元素，同时span的class剪切到i元素上，照此修改即可防止Font Awesome替换你的span元素，防止按钮布局不正常、绑定事件失效。

CrazyWood2020 avatar Sep 11 '21 09:09 CrazyWood2020

已完成重构。现在本插件不再需要用户手动引入 Font Awesome 的 css，也不会与页面上 Font Awesome 相关的 css 或 js 冲突。见： https://github.com/stevenjoezhang/live2d-widget/commit/abb832a9ea3f006b7d8b9c0567bba99c5603b426

stevenjoezhang avatar Oct 20 '22 09:10 stevenjoezhang