Question

jQuery当然要求一切都在里面

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

同样，svg-web要求：

window.onsvgload = function() {};

有没有一种正确，优雅的方法来结合这些不会引起任何问题？

Answer 1

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

$(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之后的 {{1}}在支持它的浏览器中发生了，在此答案时，不确定这是否会在其他时候保持一致浏览器支持它。

Answer 2

最后在“用户手册”中找到了这个：

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

jQuery $（document）.ready和svg-web window.onsvgload

2 个答案: