Object 如何在.hover变量路径中使用.contentDocument？

我有一个SVG加载，如下所示：

<object id="svg-object" type="image/svg+xml" width="1400px" height="900px" data="media/1.svg?"></object>

但是，即使在相同的元素中，如何设置.hover？我试过：

$('#${element}').hover(function(e) { }

但是没有运气

另外，如何将svgObject变量应用于整个类，如path或polygon？我在本地内联SVG上使用它，效果很好： $（“多边形，路径”）.hover（函数（e）{}

---

我希望这也适用于嵌入在svg中的对象。

抱歉，我无法将外部svg放入代码段（或者至少我不知道如何），因为外部URL不会加载到对象中。它需要作为对象加载，以便您看到问题

有什么帮助吗

此外，下面的代码可以从脚本中定义元素颜色，但鼠标悬停也不起作用

---

我根本不使用jquery，但在javascript中，您可以这样做

元素。addEventListener（“mouseover”，（）=>{//code}）

您可以添加一个请求吗？请提供任何帮助吗？我在下面发布了更多信息。但我认为我无法使用嵌入对象设置代码段。

$('#${element}').hover(function(e) { }

    window.onload=function() {
    var svgObject = document.getElementById('svgEmb').contentDocument;
    var element = svgObject.getElementById('left');
    element.style.fill = "blue";
    element.style.stroke ="blue";
};
element.addEventListener("mouseover", function() {
    element.style.fill = "red";
    element.style.stroke ="red";
});