0

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

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

我为尝试隔离问题所做的工作：

  • 从我的页面中删除了所有 CSS
  • 使用 Jquery UI 1.10.3的基本主题
  • 从页面中删除所有其他 javascript
  • 使用 Jquery 1.7.2
  • 尝试调试，我没有收到任何错误
  • 代码在小提琴中工作
  • 包含menu.js、widget.js、ui.js、position.js 和core.js<head>

这是我的 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 检查器打开问题的截屏视频

4

1 回答 1

0

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

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

  • 用户界面核心
  • 小部件工厂
  • 位置

我想你错过了最后一个。

于 2013-05-22T15:48:14.240 回答