真的很简单。我有以下代码..。它可以在所有其他兼容html5的浏览器(Safari 5、Chrome 9、FireFox)中工作,但在IE9 (RC)中,我得到以下错误。
jquery.min.js
行: 16错误:对象不支持属性或方法“getElementsByTagName”
jquery-ui.min.js
行: 40错误:对象不支持属性或方法‘选项卡’
<!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();。有什么想法吗?
发布于 2011-02-25 18:13:45
进一步挖掘产生了更多的成果..。Bugs.jquery.com/票证/8052--这显然是IE中的一个bug,并且在昨天发布的jQuery更新中得到了修正!我不得不参考jQuery 1.5.1,而且一切都很好。
感谢每一个提出有益建议的人。它们都是非常好的想法,但这一次它只是IE9的一个bug,仅此而已。
发布于 2011-02-25 18:03:56
尝试:
$(document).ready(function () {
$("#ribbon").tabs();
});https://stackoverflow.com/questions/5120869
复制相似问题