问题标签 [jquery-ui-menu]

我使用 UL 元素创建了一个菜单，我正在使用 jQueryUI 来显示这个菜单。

单击按钮时， $("#action_menu").menu() 可以显示此菜单。我知道如何显示这个菜单，现在我不知道当鼠标点击其他地方而不是点击菜单时如何隐藏这个菜单。我找了很多例子，他们添加了文档点击监听器，并检查事件目标的父节点是否是这个菜单。像这个链接隐藏下拉菜单 jQuery有没有人有更好的主意，我想知道为什么 jQueryUI 不为菜单小部件添加事件或选项。有人帮帮我，谢谢

我正在尝试在我的 Web 窗体应用程序中使用jQuery 菜单小部件。

我拼凑了一个简单的演示，它的工作方式与上面链接中的示例完全相同。

但我希望菜单是弹出菜单。当用户点击其他地方时，菜单应该会自动关闭。不幸的是，我在 jQuery UI 站点上找不到任何相关信息。

有人可以指出使用 jQuery Menu Widget 作为弹出菜单的示例吗？

我试图弄清楚如何使用 jQuery UI 菜单小部件制作弹出菜单。

在四处寻找之后，我终于找到了以下演示，可以满足我的需求：

http://view.jqueryui.com/menubar/demos/popup/popup-menu.html

但是，我在理解这个演示时遇到了一些麻烦。例如：

1. 在单击任何按钮之前隐藏菜单的原因是什么？
2. 是什么导致菜单在打开时关闭并且我单击页面上的其他位置？

任何帮助表示赞赏。

我正在尝试实现一个 jquery-ui 菜单，该菜单在单击对象时出现，但在单击菜单本身以外的任何位置时消失。

这是我到目前为止的代码：

现在，如果在菜单本身以外的任何地方单击，我想隐藏和销毁菜单。

对不起，如果我的问题太简单了，但我无法从 jQuery UI 文档中弄清楚。

如何确定在菜单中单击了哪个选项？我尝试了这样的事情，但没有奏效：

我正在使用 jquery-ui 1.9.2 版本，其中有一个新的菜单选项。有什么方法可以将菜单样式更改为下拉菜单，就像 http://onehackoranother.com/projects/jquery/droppy/#

我提到了 http://wiki.jqueryui.com/w/page/12137997/Menu，但那些是插件。

我不想为此使用另一个插件，我想更改相同的 jquery-ui 本身，有什么办法吗？

这是我的简短形式的问题：我想在里面有一个带有菜单的拆分按钮（使用 jquery-ui 完成，请参阅：jqueryui-demo，这不会影响其他任何东西的定位。所以第二个按钮不应该移动所有,如果第一个拆分按钮显示它的菜单,在jsfiddle中明显错误.我知道可以将 css 中的位置属性更改为绝对,但我真的不想计算每个位置(并重新计算如果发生变化或 document.size() 发生变化...

有没有办法告诉 jquery.menu 它应该覆盖我的菜单？

jsfiddle 归结为以下内容：

JavaScript

CSS

html

菜单有 3 个级别。第一级只有一个名为“全部显示”的项目。第二级包含产品类别。第三级包含子类别。没有更多的菜单级别。

子类别必须水平显示：

我尝试了 jquery ui menu menu 小部件来实现这一点。子类别垂直显示。如何更改它以使子类别水平显示？

可以为此修补jquery ui，还是有其他一些允许这样做的控件。子菜单必须在鼠标悬停时打开。jquery-ui 菜单允许使用鼠标悬停打开，但我还没有找到水平渲染第三级的方法。

在运行时从数据库中读取数据。使用jquery、jquery ui、ASP.NET/Mono MVC2

更新

演示位于http://jsfiddle.net/cNgG5/

将光标移动到类别和单列菜单出现。如何将其呈现到多个列？

我正在使用 Jquery UI “菜单” API 在应用程序中创建导航菜单。

菜单绘制和链接很好，当悬停在它上面时，会应用自然的 jquery ui css，为悬停的元素提供 ui-state-focus 类。当您将鼠标从元素上移开时，它会删除此类，这会将元素置于默认的未突出显示状态。

我已经尝试添加标准的 jquery ui css 类“ui-state-active”，它将特定的 CSS 应用于给定此类的菜单中的元素。但是，当悬停任何其他元素时，此 ui-state-active 类将从活动元素中删除，即使尚未进行新选择（通过单击），也有效地使悬停杀死活动选择。

我希望能够保持悬停类的添加，但保持 ACTIVE 类不变，以便在每个页面上，活动菜单元素将始终具有活动类。

关于在 jquery UI 菜单 api 中标记活动元素的正确方法有什么想法吗？

我正在将 WinForm 应用程序移植到浏览器，并希望保留在 jqGrid 顶部（在工具栏内）拥有一组下拉菜单的能力。

我可以为网格顶部创建一个自定义工具栏，而无需克隆底部，因此具有操作按钮。我还可以克隆现有的 navigator。

我缺少的是如何让这两个选项中的任何一个合并一个菜单系统，例如jQuery UI Menu。下面的代码会将菜单添加到工具栏，但菜单会隐藏在网格后面。我试过调整 z-index 和位置，但似乎都没有解决它。

任何帮助表示赞赏。谢谢。