Как подключить hoverIntent к дорожкам во встроенном документе SVG?

Question

У меня есть объект Г в HTML-странице, как этот

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

с путями, которые я хотел бы присоединить к hoverIntent. Однако для hoverIntent требуется использование селектора jQuery. Как я могу связать hoverIntent со всеми путями в документе svg?

Answer 1

, прикрепленный непосредственно к svg on pageload, не будет работать так хорошо, однако творческое использование регистрации событий .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>