我想在index.html中的一个庞大的html文件中创建现有UL的菜单......代码如下：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Menu - Default functionality</title>
<script type="text/javascript" src="jquery-1.8.3.min.js"> </script>
<script type="text/javascript" src="menu.js"> </script>
<style type="text/css">
.ui-menu { width: 150px; }
</style>
</head>
<body>
<ul id="menu">
<li class="ui-state-disabled"><a href="#">Location</a></li>
<li><a href="">Engineer.Com</a></li>
<ul>
<li><a href="">HHT General</a></li>
<ul>
<li><a href="">Uploading Results</a></li>
</ul>
<li><a href="">Other</a></li>
<ul>
<li><a href="">Other</a></li>
<li><a href="">Sync Issues</a></li>
</ul>
<li><a href="">Test Results</a></li>
<ul>
<li><a href="">Results</a></li>
</ul>
</ul>
<li><a href="#">HHT</a></li>
<ul>
<li><a href="">EXFO</a></li>
<ul>
<li><a href="">Accessories</a></li>
<li><a href="">Earthing</a></li>
<li><a href="">Improvements</a></li>
<li><a href="">Other</a></li>
<li><a href="">Sync Issues</a></li>
<li><a href="">Test Heads</a></li>
<li><a href="">Testing</a></li>
<li><a href="">Training</a></li>
<li><a href="">Updates</a></li>
</ul>
<li><a href="">HHT General</a></li>
<ul>
<li><a href="">Accessories</a></li>
<li><a href="">Calibration</a></li>
<li><a href="">Contractors</a></li>
<li><a href="">HHT Scripts</a></li>
<li><a href="">Improvements</a></li>
<li><a href="">Other</a></li>
<li><a href="">Remote Assist</a></li>
<li><a href="">Results</a></li>
<li><a href="">Standards</a></li>
<li><a href="">Sync Issues</a></li>
<li><a href="">Testing</a></li>
<li><a href="">ToC Process</a></li>
<li><a href="">Training</a></li>
<li><a href="">Updates</a></li>
<li><a href="">Uploading Results</a></li>
</ul>
<li><a href="">JDSU</a></li>
<ul>
<li><a href="">Improvements</a></li>
<li><a href="">Modules</a></li>
<li><a href="">Results</a></li>
<li><a href="">Sync Issues</a></li>
<li><a href="">Testing</a></li>
</ul>
<li><a href="">Process</a></li>
<ul>
<li><a href="">Process</a></li>
<li><a href="">Testing</a></li>
</ul>
<li><a href="">Stores</a></li>
<ul>
<li><a href="">Accessories</a></li>
</ul>
<li><a href="">Test Results</a></li>
<ul>
<li><a href="">Improvements</a></li>
<li><a href="">Results</a></li>
</ul>
<li><a href="">Testing</a></li>
<ul>
<li><a href="">Earthing</a></li>
<li><a href="">Improvements</a></li>
<li><a href="">Modules</a></li>
<li><a href="">Results</a></li>
<li><a href="">Test Heads</a></li>
<li><a href="">Testing</a></li>
</ul>
</ul>
<li><a href="#">iPhone</a></li>
<ul>
<li><a href="">EXFO</a></li>
<ul>
<li><a href="">Sync Issues</a></li>
</ul>
<li><a href="">HHT General</a></li>
<ul>
<li><a href="">Improvements</a></li>
<li><a href="">Remote Assist</a></li>
</ul>
<li><a href="">JDSU</a></li>
<ul>
<li><a href="">Other</a></li>
</ul>
<li><a href="">Other</a></li>
<ul>
<li><a href="">Other</a></li>
</ul>
<li><a href="">Process</a></li>
<ul>
<li><a href="">Updates</a></li>
</ul>
<li><a href="">Test Results</a></li>
<ul>
<li><a href="">Uploading Results</a></li>
</ul>
<li><a href="">Tools</a></li>
<ul>
<li><a href="">Tools</a></li>
</ul>
<li><a href="#">Other</a></li>
<ul>
<li><a href="">Other</a></li>
<ul>
<li><a href="">Other</a></li>
</ul>
<li><a href="">Testing</a></li>
<ul>
<li><a href="">Improvements</a></li>
</ul>
</ul>
<li><a href="#">Process</a></li>
<ul>
<li><a href="">Eclipse</a></li>
<ul>
<li><a href="">ToC Process</a></li>
</ul>
<li><a href="">FastTest2</a></li>
<ul>
<li><a href="">Results</a></li>
</ul>
<li><a href="">Process</a></li>
<ul>
<li><a href="">DCoE</a></li>
<li><a href="">Process</a></li>
<li><a href="">ToC Process</a></li>
</ul>
<li><a href="">Testing</a></li>
<ul>
<li><a href="">Testing</a></li>
</ul>
</ul>
<li><a href="#">Quality</a></li>
<ul>
<li><a href="">FVR</a></li>
<ul>
<li><a href="">Improvements</a></li>
</ul>
<li><a href="">Other</a></li>
<ul>
<li><a href="">Contractors</a></li>
</ul>
<li><a href="">Process</a></li>
<ul>
<li><a href="">Contractors</a></li>
<li><a href="">Process</a></li>
<li><a href="">Standards</a></li>
</ul>
<li><a href="">Quality Standards</a></li>
<ul>
<li><a href="">Contractors</a></li>
<li><a href="">Standards</a></li>
</ul>
<li><a href="">Test Resutls</a></li>
<ul>
<li><a href="">Results</a></li>
</ul>
</ul>
<li><a href="#">Stores</a></li>
<ul>
<li><a href="">HHT General</a></li>
<ul>
<li><a href="">Accessories</a></li>
</ul>
</ul>
<li><a href="#">Test System</a></li>
<ul>
<li><a href="">Eclipse</a></li>
<ul>
<li><a href="">Inventory Failures</a></li>
<li><a href="">Testing</a></li>
</ul>
<li><a href="">FastTest2</a></li>
<ul>
<li><a href="">Results</a></li>
</ul>
<li><a href="">Inventory</a></li>
<ul>
<li><a href="">Inventory Failures</a></li>
</ul>
<li><a href="">Test Results</a></li>
<ul>
<li><a href="">Inventory Failures</a></li>
<li><a href="">Results</a></li>
<li><a href="">Test Heads</a></li>
</ul>
<li><a href="">Testing</a></li>
<ul>
<li><a href="">DCoE</a></li>
<li><a href="">Improvements</a></li>
<li><a href="">Night Routining</a></li>
<li><a href="">OLID</a></li>
<li><a href="">Results</a></li>
<li><a href="">Test Heads</a></li>
<li><a href="">Testing</a></li>
</ul>
</ul>
<li><a href="#">Tools</a></li>
<ul>
<li><a href="">Stores</a></li>
<ul>
<li><a href="">Ordering</a></li>
</ul>
<li><a href="">Tools</a></li>
<ul>
<li><a href="">Amplifiers</a></li>
<li><a href="">Tools</a></li>
</ul>
</ul>
</body>
</html>
每当我在menu.js文件中调用menu函数时，它在运行时都会出错：
我的menu.js文件除了文档就绪功能外只包含其他内容：
$(document).ready(function(){
$('#menu').menu({
});
});
有什么想法吗？
谢谢大家的反应......
我已下载该软件包，但文件太多了......
我已经尝试过jquery-ui-1.10.4.custom.js和jquery.ui.menu.js，但它仍然没有将我的UL列表转换为菜单...我还缺少其他什么吗？
这是我的脚本标签的顺序：
<script type="text/javascript" src="jquery-1.8.3.min.js"> </script>
<script type="text/javascript" src="jquery-ui-1.10.4.custom.js"> </script>
<script type="text/javascript" src="menu.js"> </script>
答案 0 :(得分：1)
你不加载除jQuery.js和menu.js之外的任何其他js。 jquery没有给出方法菜单。
也许你想过.menu（）jQuery UI 方法。