jQuery svg and events
jQuery svg and events
H all,
I'm trying to make a web map using svg data and jQuery (1.3.2) svg plugin.
I'm loading an svg file into an HTML container - all good so far - and I would need to attach mouse events to the groups of my svg document.
I have seen doc and example on binding events to svg elements created with jQuery but these do not seem to work for my imported svg.
Basically, here is the simple code:
-
<div id="ProvinceContainer" class="svgdiv" style="width: 500px; height: 500px; position: absolute; top: 30px; left: 100px;"></div>
<script language="javascript">
$(function() {
$('#ProvinceContainer').svg({loadURL: '../maps/provinces.svg',
onLoad: function(svg) {
var testprovince= svg.getElementById('testprovince'); // g element
//??? attach mouseover event on testprovince ???///
}
},
settings: {}, initPath: '../maps/'});
});
</script>
I found the following patch
http://dev.jquery.com/ticket/4850 but this does not seem to change anything.
testprovince.bind is not a function......
any idea much appreciated.
Cheers,
Jerome