IE9不接受标准的jQuery语法

Question

IE9不接受标准的jQuery语法

Cie*_*iel 8 jquery html5 jquery-ui internet-explorer-9

这真的很简单.我有以下代码..它适用于所有其他html5兼容浏览器(Safari 5,Chrome 9,FireFox),但在IE9(RC)中我收到以下错误.

jquery.min.js

行:16错误:对象不支持属性或方法'getElementsByTagName'

jQuery的ui.min.js

行:40错误:对象不支持属性或方法'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>

Run Code Online (Sandbox Code Playgroud)

我能理解我的CSS是不是产生了正确的样式 - 但看起来它完全忽略了$("#ribbon").tabs();所有.有任何想法吗？

Answer 1

Cie*_*iel 12

进一步的挖掘产生了更有成果的结果... bugs.jquery.com/ticket/8052 - 这显然是IE中的一个错误,并且在昨天出现的jQuery更新中得到修复!我不得不引用jQuery 1.5.1,它一切正常.

感谢所有提出有用建议的人.他们都是非常好的想法,但这一次它只是一个IE9的错误,仅此而已.

归档时间：	14 年，6 月前
查看次数：	8381 次
最近记录：	14 年，6 月前