Рафаэль JS терпит неудачу - PullRequest
Новая
       1

Рафаэль JS терпит неудачу

0 голосов
/ 21 октября 2011

Следующий, очень простой сценарий завершается с ошибкой в ​​Chrome и Safari с этой ошибкой Cannot call method 'appendChild' of null

<!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>

Понятия не имею, почему - кто-нибудь?

Ответы [ 2 ]

5 голосов
/ 21 октября 2011

Вы должны завершить вызов, когда DOM будет готов. 

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

$(function() {
    var paper = Raphael("canvas", 320, 200);
});
</script>
1 голос
/ 21 октября 2011

Или просто вызовите функцию после того, как вы определили 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>
...