私が行っている単純なプロジェクトに問題があります。Raphael.js を使用して、JavaScript、HTML5、SVG の描画をいじろうとしています。JavaScript ファイルが埋め込まれた HTML ページを読み込もうとすると、ブラウザーに空白のページが表示されます。Firebug および Chrome 開発者ツールを確認したところ、スクリプトと HTML ページで 304 Not Modified エラーが発生し続けます。
Mac OSX で MAMP を使用して、ローカル サーバーでこのプロジェクトを実行しています。
ここに私のHTMLがあります:
<html>
<head>
<title>g.Raphael Practise</title>
<script type="text/javascript" src="raphael-min.js"></script>
<script type="text/javascript" src="g.pie-min.js"/></script>
<script type="text/javascript" src="myscript.js"></script>
<style type="text/css">
#canvas-container {
width: 500;
border: 1px solid #aaa;
}
</style>
</head>
<body>
<div id="canvas-container"></div>
</body>
</html>
これは「myscript.js」の内容です:
window.onload = function() {
var paper = new Raphael(document.getElementById("canvas-container"), 500, 500);
paper.piechart(250, 250, 100, [55, 20, 13, 32, 5, 1, 2]);
}