Не удается загрузить библиотеку Raphael.js, метод appendChild не найден?

Я пытаюсь загрузить raphael.js(загружается и запускаться локально) в файл HTML, но script отказывается выйти, обходясь с этим в моей консоли JS:

Это для мини-версии, такая же ошибка возникает в не-мин версии в строке 1789.

Я загрузил код с веб-сайта, попробовал как сжатый, так и несжатый, а также загрузку JS файла, связанного в одном из демо, все из которых отлично работают в моем браузере (хром).

Ответы

Ответ 1

У меня была такая же проблема, и она оказалась проблемой порядка загрузки. Здесь исходный код:

<!doctype html>
<html>
  <head>
    <script src='raphael-1.5.2.js'></script>
    <script>
        var paper = Raphael(10, 50, 300, 250);
        var circle = paper.circle(50, 40, 10);
        circle.attr('fill', '#c00');
        circle.attr('stroke', '#fff');
    </script>
  </head>

  <body></body>
</html>

Оказывается, что при вызове Raphael(10, 50, 300, 250) он пытается добавить элемент canvas в тело... который еще не существует. Таким образом, обертка его в функции window.onload или jQuery onload решила проблему:

<!doctype html>
<html>
  <head>
    <script src='raphael-1.5.2.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'></script>
    <script>
      $(function () {
        var paper = Raphael(10, 50, 300, 250);
        var circle = paper.circle(50, 40, 10);
        circle.attr('fill', '#c00');
        circle.attr('stroke', '#fff');
      });
    </script>
  </head>

  <body></body>
</html>