Raphael JS échoue

Ce qui suit, un script très basique, échoue dans Chrome et Safari avec cette erreur Cannot call method 'appendChild' of nullRaphael JS échoue

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <script type="text/javascript" src="raphael-min.js"> 
     </script> 

     <script type="text/javascript"> 

      var paper = Raphael("canvas", 320, 200); 

     </script> 
    </head> 
    <body> 
     <div id="canvas"></div> 
    </body> 
</html>

Je ne sais pas pourquoi - tout le monde?

Source

2011-10-21 Jake N

Pouvez-vous reformuler le titre en question, ou pour être plus précis (par exemple, ajouter le message d'erreur)? –

@MichaelPaulukonis - il a déjà posté le message d'erreur –

Vous devez renvoyer l'appel lorsque le DOM est prêt.

<script type="text/javascript"> 
// Using JQuery 

$(function() { 
    var paper = Raphael("canvas", 320, 200); 
}); 
</script>

Source

2011-10-21 17:40:03

Je devrais certainement! Je l'ai juste compris. Il ne dit pas ça n'importe où dans les docs - je devrais le savoir vraiment - mais ça devrait être dans les docs! –

bien les exemples l'ont. plus - il suffit de penser - suis-je accéder à la dom? –

Pratiquement toute fonction javascript qui fonctionne sur un élément dom existant échouera si vous l'appelez avant de créer l'élément dom. – James

Ou tout simplement appeler la fonction après avoir défini le div ...

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <script type="text/javascript" src="raphael-min.js"> 
     </script> 
    </head> 
    <body> 
     <div id="canvas"></div> 
     <script type="text/javascript">var paper = Raphael("canvas", 320, 200);</script> 
    </body> 
</html>

Source

2011-10-21 17:48:47 James

Raphael JS échoue

Répondre

Questions connexes