这真的很简单.我有以下代码..它适用于所有其他
html5兼容浏览器(Safari 5,Chrome 9,FireFox),但在IE9(RC)中我收到以下错误.
jquery.min.js
Line: 16
Error: Object doesn’t support property or method ‘getElementsByTagName’
jQuery的ui.min.js
Line: 40
Error: Object doesn’t support property or method ‘tabs’
<!DOCTYPE html>
<html>
<head>
<Meta http-equiv="X-UA-Compatible" content="IE=9" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function () {
$("#ribbon").tabs();
});
</script>
</head>
<body>
<header>
<span id="branding"></span>
<div id="ribbon-navigation">
<div id="ribbon">
<ul>
<li><a href="#ribbon-1">1</a></li>
<li><a href="#ribbon-2">2</a></li>
<li><a href="#ribbon-3">3</a></li>
<li><a href="#ribbon-4">4</a></li>
</ul>
<div id="ribbon-1" class="ribbon-strip">
@Html.Partial("Menus/Ribbons/__H1")
</div>
<div id="ribbon-2" class="ribbon-strip">
@Html.Partial("Menus/Ribbons/__2")
</div>
<div id="ribbon-3" class="ribbon-strip">
@Html.Partial("Menus/Ribbons/__3")
</div>
<div id="ribbon-4" class="ribbon-strip">
@Html.Partial("Menus/Ribbons/__4")
</div>
</div>
</div>
</header>
</body>
</html>
我能理解我的CSS是不是产生了正确的样式 – 但看起来它完全忽略了$(“#ribbon”).tabs();全部一起.有任何想法吗？
