Loading...

Search jQuery

Search

jQuery Forum

Using jQuery Plugins

$(document).ready in a standalone SVG don't work

in Using jQuery Plugins • 11 years ago

Hi, I've got some difficulties with my standalone SVG.

here is my code:

<svg onload="init(evt)" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<script type="text/javascript" xlink:href="jquery.js"></script>
<script type="text/javascript" xlink:href="jquery.svg.js"></script>
<script type="text/javascript"><![CDATA[
alert("ping");
$(document).ready(function (){
alert("pong");
});
]]></script>
<g>
<rect width="300" height="100" fill="blue" />
</g>
</svg>

When I load the SVG, I've got the "ping" but not the "pong"?!

I'm using jquery 1.6.2 with jquery SVG plugin 1.4.4

Someone know why?

1

Replies(2)

kbwood.au

Re: $(document).ready in a standalone SVG don't work

11 years ago

Use the onload event instead:

<svg onload="init(evt)" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<script type="text/javascript" xlink:href="js/jquery-1.6.2.js"></script>
<script type="text/javascript" xlink:href="js/jquery.svg.js"></script>
<script type="text/javascript"><![CDATA[
alert("ping");
function init(event) {
alert("pong");
}
]]></script>
<g>
<rect width="300" height="100" fill="blue" />
</g>
</svg>

Re: Re: $(document).ready in a standalone SVG don't work

11 years ago

It works perfectly, thank you =)