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

时间:2016-02-10 17:33:47

标签: javascript jquery css

我希望在我的页面http://goo.gl/0ZywjM

中加载SVG地图时创建一个关注位置“莫利塞,意大利”

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

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

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

更新仅适用于此:

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

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

1 个答案:

答案 0 :(得分:0)

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();
     });