次のサンプルhtmlファイルがあります。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Example</title>
<script src="../Scripts/jquery-2.0.3.js"></script>
<!--<script src="../Scripts/jquery-1.7.js"></script>-->
<script type="text/javascript">
$(document).ready(function () {
$('#mainheader').css("color", "red");
});
</script>
</head>
<body>
<h1 id="mainheader" class="header">Sample 1</h1>
<h2 class="header info">Sample 2</h2>
<h3 class="info">Sample 3</h3>
</body>
</html>
jQuery バージョン 2.0.3 で同じことを実行すると、エラーが発生します。
/Scripts/jquery-2.0.3.js の 834 行目、4 列目の未処理の例外
0x800a01b6 - Microsoft JScript ランタイム エラー: オブジェクトはこのプロパティまたはメソッドをサポートしていません
// 便利なイベント コールバックを使用します document.addEventListener( "DOMContentLoaded", completed, false );
しかし、それより低いバージョン、つまり1.7で実行すると、正常に動作します...
ただし、上記のコードは Chrome の両方のバージョンで問題なく動作します。
違いを教えてください:
ありがとうございます。それでは、お元気で。