Javascript Girl
  1. Javascript Girl
  3. JQuery $ (document) .ready et svg-web window.onsvgload
Intereting Posts
Modification de CSS depuis AngularJS Le stockage d'une variable dans l'objet 'fenêtre' de JavaScript est un moyen approprié d'utiliser cet objet? Google Maps JS v3 – arbre DOM détaché – fuite de mémoire? Problèmes de performance avec HTML5 Canvas dans certains navigateurs mobiles. GetSelection () ne fonctionne pas dans IE JQuery masked input plugin. Sélectionnez tout le contenu lorsque la zone de texte reçoit le focus Var transfert entre php et javascript Accès aux paramètres * et * Événements en fonction de l'événement jQuery JQuery val est indéfini? Javascript textarea annuler refaire Rangée de clones Will Dart prend-il en charge l'utilisation des bibliothèques JavaScript existantes? Comment gérer un lien cliqué en JavaScript? Adoption de valeurs variables à partir de données HTML – attribue Format moment.js 24h

JQuery $ (document) .ready et svg-web window.onsvgload

JQuery bien sûr exige que tout soit à l'intérieur 

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

De même, svg-web nécessite: 

 window.onsvgload = function() {};

Existe-t-il une manière correcte et élégante de combiner ceux-ci qui n'invoquent aucun problème?

Vous pouvez simplement lier les fonctions à exécuter sur l'événement approprié, comme ceci: 

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

Il n'y a pas de mal à utiliser les deux, en fait, c'est l'utilisation appropriée , utilisez toujours l'événement dont vous avez besoin, cela ne diffère pas de document.ready vs window.load lorsque vous avez besoin d'images prêtes, et pas seulement du DOM.

Si cela compte, svgload se produit après la onload dans les navigateurs qui le supportent au moment de cette réponse, et ne savez pas si cela sera cohérent lorsque d'autres navigateurs le supportent.

Finalement trouvé cela dans le «manuel d'utilisation»: 

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