jquery - 如何将 hoverIntent 附加到嵌入式 svg 文档中的路径？

Question

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

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

带有我想附加 hoverIntent 的路径。然而 hoverIntent 需要使用 jQuery 选择器。我将如何将 hoverIntent 附加到 svg 文档中的所有路径？

Answer 1

在页面加载时直接附加到 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>