Question

我有这个奇怪的问题。当我有以下代码时，在自己的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>

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

Answer 1

0x800a01b6 - JavaScript runtime error: Object doesn't support property or method 'appendTo'

I.E：添加document.ready以确保#testmenu未定义或为空

ul上的JQuery菜单方法抛出“0x800a01b6 - Microsoft JScript运行时错误：对象不支持此属性或方法”

1 个答案: