この次のコードが IE10 で機能しない理由を誰か教えてください。これは、他のすべてのブラウザー (IE9 を含む) で動作しますが、IE10 ではこれが気に入らないようです。このコードは、ドロップダウン リスト オプションを使用してユーザーの選択をチェックし、関連するフォームの関連フィールドをアクティブにすることになっています。
<!DOCTYPE html>
<html lang="en">
<head>
<title>Company</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/style.css" type="text/css">
<script src="js/jquery-1.6.4.min.js" type="text/javascript"></script>
<script src="js/script.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
/*Hiding the form */
$(".install_download").css("display", "none");
$(".hosted_install").css("display", "none");
$(".reseller_install").css("display", "none");
function goToByScroll(id){
$('html,body').animate({scrollTop: $("#"+id).offset().top},'bottom');
}
goToByScroll("country");
$(".subject_category").change(function(){
$(".install_Download").css("display", "none");
$(".hosted_install").css("display", "none");
$(".reseller_install").css("display", "none");
switch ($(".subject_category option:selected").text()) {
case "General Enquiry":
$(".General_Enquiry").show("fast");
break;
case "Install/Download":
$(".install_download").show("fast");
goToByScroll("message");
break;
case "Hosted Install":
$(".hosted_install").show("fast");
goToByScroll("message");
break;
case "Solution Provider - Install":
$(".reseller_install").show("fast");
goToByScroll("message");
break;
}
});
});
</script>
<!--[if lt IE 8]>
<div style='clear:both; text-align:center; position:relative;'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" alt="" /></a></div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
<![endif]-->
</head>