Question

我创建了一个简单的Jquery菜单，但遇到了一个我无法隔离的问题：

鼠标悬停的第一项很好，但只要我移动到另一项（父项和子项），菜单就会失去焦点。

我尝试过去解决问题：

从我的网页中删除了所有CSS
使用Jquery UI的基本主题 1.10.3
从页面中删除了所有其他javascript
使用Jquery 1.7.2
尝试调试，我没有错误
代码在小提琴中起作用
<head>

menu.js，widget.js，ui.js，position.js和core.js

这是我的HTML

<body>
 <form>
  <div style="width:50%">
  <ul id="buildingmenu">
   <li><a href="#">Social Update</a></li>
   <li><a href="#">Building Update</a>
    <ul>
     <li><a href="#">building 1</a></li>
     <li><a href="#">building 2</a></li>
    </ul>
   </li>
  </ul>
 </div>
 </form>
</body>

我的javascript

$(document).ready(function () {
    $("#buildingmenu").menu();
});

我拔出了头发，我错过了什么？

编辑：以下是Chrome检查员打开问题的screencast

Answer 1

包含完整的jQuery UI版本可以正常工作：http://jsfiddle.net/B2HFE/

阅读docs我看到jQuery UI菜单的依赖是：

UI Core
小工具厂
Position

我想你错过了最后一个。

选择任何项目时，jQuery UI菜单失去焦点

1 个答案: