jquery - 埋め込まれたsvgドキュメントのパスにhoverIntentを添付する方法は?

Question

このようなhtmlページにsvgオブジェクトがあります

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

hoverIntent をアタッチしたいパスで。ただし、hoverIntent では jQuery セレクターを使用する必要があります。svg ドキュメントのすべてのパスに hoverIntent をアタッチするにはどうすればよいですか?

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>