代码之家  ›  专栏  ›  技术社区  ›  colinmarc

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

  •  4
  • colinmarc  · 技术社区  · 16 年前

    jQuery当然要求所有东西都在里面

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

    window.onsvgload = function() {};
    

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

    2 回复  |  直到 16 年前
        1
  •  2
  •   Nick Craver    16 年前

    只需将函数绑定到相应的事件上即可,如下所示:

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

    两者兼用没有坏处,事实上这就是 适当的 document.ready window.load 当你需要图像时,不仅仅是DOM。

    svgload 发生 onload 在截至本答案发布时支持它的浏览器中,不确定其他浏览器是否支持它。

        2
  •  1
  •   colinmarc    16 年前

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