古典的な問題ですが、実際の原因を見つけるのに恐ろしい時間を費やしています。通常、このエラーが表示されるのは、jQuery 参照がそれを必要とするコードの後にあるか、jQuery リンクに戻っているか、jQuery の競合などがあるためです。残念ながら、この問題の解決策を探しているうちに、そのような事例を次々と投稿するようになりました。ここでの問題は同じくらい単純だと思いますが、1時間以上の狩りをしても、まだ運がありません...
編集:追加情報...ソリューションファイル(これを理解するために何度も再作成しました。JavaScript Windowsストアの空のアプリテンプレートであり、Visual Studioでこれを行っています。唯一の参照ファイルはWindows Library for javascript 1.0、これも削除してテストしてみました。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>HTML5 Canvas Template</title>
<style>
/* styles here */
</style>
</head>
<body>
<canvas id="myCanvas" width="500" height="500">
<p>Canvas not supported.</p>
</canvas>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var canvas = $("#myCanvas").get(0);
var context = canvas.getContext("2d");
function renderContent()
{
// we'll do our drawing here...
}
renderContent();
});
</script>
</body>
</html>