jQuery $(document).ready和svg-web window.onsvgload

jQuery当然要求一切都在里面

$(document).ready = function() {}; 

同样,svg-web要求:

 window.onsvgload = function() {}; 

有没有一种正确,优雅的方式来结合这些不会带来任何问题?

您可以绑定函数以在相应的事件上运行,如下所示:

 $(function() { //shortcut for $(document).ready(function() { //stuff that needs the DOM to be ready }); $(window).bind('svgload', function() { //SVG stuff }); 

使用两者并没有什么坏处,事实上这是适当的用法,总是使用你需要的事件,这与document.ready vs window.load没有什么不同,当你需要准备好图像时,而不仅仅是DOM。

如果重要的话, svgload支持它的浏览器中的onload 之后发生, svgload本答复时,不确定当其他浏览器支持它时它是否会保持一致。

终于在’用户手册’中找到了这个:

 $(document).ready(function() { window.addEventListener('SVGLoad', function() { // ready to work with SVG now }, false); });