如何将悬停意图附加到嵌入式 svg 文档中的路径

Question

我在这样的 html 页面中有一个 svg 对象

<object id="map" data="img/map_2008.svg" type="image/svg+xml" onload="displayStats();" ></object>

以及我想将悬停意图附加到的路径。但是，hoverIntent需要使用jQuery选择器。我将如何将悬停意图附加到 svg 文档中的所有路径？

Answer 1

在

Pageload上直接附加到SVG不会那么好用，但是创造性地使用.on（）事件注册，以及svg底层元素的选择器。

JavaScript

$(function(){
$("#map").on({
  "mouseenter":function(event){},
  "mouseout":function(event){}},"svg element based selector",null);
});

.html

<object id="map" data="img/map_2008.svg" type="image/svg+xml" onload="displayStats();" >
  <svg>
   <element>
     <based><selector>hello</selector></based>
   </element>
  </svg>
</object>