javascript - 加载页面时模拟单击 SVG 文件

Question

我想在我的页面加载 SVG map 时创建一个焦点位置“意大利莫利塞”http://goo.gl/0ZywjM

所以我在 jquery 中创建了这个简单的脚本

<script>
jQuery('#path20684').click();
</script> 

它可以工作，但只有在加载页面并从 chrome 控制台插入它之后，如果在页脚上插入它不起作用，因为 svg 文件不是 dom 的一部分。我该如何解决这个问题，或者有其他解决方案？

更新它仅适用于此:

window.setInterval(function(){
    jQuery('#path20684').click();
}, 1000);

但是每一秒都被点击，所以我认为问题是脚本在加载 SVG 文件之前启动，如何解决？

Answer 1

http://jsfiddle.net/CYhgZ/90/

请检查上面的演示链接

 $(function() {
// when click event happens below code executed        

$('path').on('click', function() {
         alert("clicked")
     });

//simulating click event automatically when page load
         $('path').trigger("click");
         //or
         //$('path').click();
     });