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

Question

jQuery 当然要求一切都在里面

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

类似地，svg-web 需要:

window.onsvgload = function() {};

是否有一种正确、优雅的方式来组合这些并且不会引入任何问题？

Answer 1

您可以只绑定(bind)函数以在适当的事件上运行，如下所示:

$(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 发生在 after onload 在支持它的浏览器中截至这个答案的时间，不确定是否不过，当其他浏览器支持时，它会保持一致。