0

我有这个奇怪的问题。当我有以下代码时,它会在自己的 html 文件中创建一个 JQuery 菜单——它按预期工作。但是,如果我把它放在我在 ASP .Net 应用程序中使用的母版页中,代码行

$("#testMenu").menu();

抛出异常:

0x800a01b6 - Microsoft JScript 运行时错误:对象不支持此属性或方法

我想明确一点,这不是愚蠢的复制和粘贴。在两个文件中匹配。在母版页中有更多的脚本和 CSS 链接。但是下面列出的所有内容都存在于母版页中。

<html class="no-js" lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" charset="utf-8" />
    <title>jQuery UI Menu</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
    <script>
        $(function () {
            $("#testMenu").menu();
        });
    </script>
    <style>
        .ui-menu {
            width: 150px;
        }
    </style>
</head>
<body>
    <ul id="testMenu" class="ui-menu">
        <li><a href="#">Item 1</a></li>
        <li><a href="#">Item 2</a></li>
        <li><a href="#">Item 3</a>
            <ul>
                <li><a href="#">Item 3-1</a></li>
                <li><a href="#">Item 3-2</a></li>
                <li><a href="#">Item 3-3</a>
                    <ul>
                        <li><a href="#">Item 3-3-1</a></li>
                        <li><a href="#">Item 3-3-2</a></li>
                        <li><a href="#">Item 3-3-3</a></li>
                        <li><a href="#">Item 3-3-4</a></li>
                        <li><a href="#">Item 3-3-5</a></li>
                    </ul>
                </li>
                <li><a href="#">Item 3-4</a></li>
                <li><a href="#">Item 3-5</a></li>
            </ul>
        </li>
        <li><a href="#">Item 4</a></li>
        <li><a href="#">Item 5</a></li>
    </ul>
</body>
</html>

任何想法可能是什么问题?谢谢你的帮助。

4

1 回答 1

0

0x800a01b6 - JavaScript 运行时错误:对象不支持属性或方法“appendTo”

IE:添加一个document.ready以确保#testmenu不是未定义或为空

于 2013-08-02T14:16:41.347 回答