我有这个奇怪的问题。当我有以下代码时,它会在自己的 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>
任何想法可能是什么问题?谢谢你的帮助。