我目前正在开展一个小型的个人项目,我希望能够将鼠标悬停在网页上的SVG元素上,并提供工具提示。
我目前有一个HTML文件,它将SVG文件显示为object
。此SVG文件还导入script
标记中的JS文件。我希望能够在该JS文件中使用外部库(tippy.js
)并与SVG元素进行交互。
但是,这会造成相当大的麻烦。我对如何在保持SVG功能的同时导入库感到困惑。如果我像尝试使用JS文件一样尝试导入它(在script
标记中),则会抛出错误:Uncaught TypeError: Cannot read property 'insertBefore' of null
。
如果我尝试将其正常导入到HTML文档中并尝试使用div,它可以正常工作。
有人能指出我如何正确地与所有这些对象和库进行交互吗? 谢谢!