问题标签 [jquery-ui-menu]

我的页面上有一个 JQuery UI 菜单。我想更改选择项目时的默认行为，以便不跟随链接，而是执行我的函数。以下作品：

但是，它会阻止执行菜单中的“选择”事件。如果我将其删除，则会触发“选择”事件，例如

但是，既不也不event.preventDefault()阻止event.stopPropagation()链接被跟踪。以下内容阻止了链接被跟踪，但给了我同样的问题，即未触发“选择”事件。

我将如何防止链接被关注但仍触发“选择”事件？

我正在玩 Jquery-ui 菜单小部件，我正在尝试获得一些看起来应该非常明显的功能......但我可能会忽略它，或者他们在编写它时可能会忽略它。

我能够很容易地使菜单水平，并使子菜单垂直下降......但是，对于我的生活，当我将鼠标移出菜单时，我无法让子菜单崩溃。它一直呆在那里，直到我点击别的东西。真的很烦人。作为一名设计师，这违背了我所有的感受，我看不出有什么理由让它挂在那里。

我把东西弄坏了，还是我需要添加一些特别的东西？附带说明一下，我一直在摆弄 Jquery-ui js 几个小时，编辑菜单小部件。我在这里修修补补：

它产生了我想要的行为......有点......现在我对带有子菜单的菜单项进行了不稳定的鼠标输入检测。将一个实时站点放置在菜单仅在某些时候有效的地方并不是很好。有任何想法吗？我这样做是困难的方式还是错误的方式，还是有什么我根本不知道的？我不是最擅长使用 jQuery，事实上才刚刚开始。

我使用的设置基本上是菜单小部件的 jQuery UI 演示页面上示例的增强版本，所以我认为不是我的 html 导致了问题。

我试图让第三级菜单在其第一级父级扩展时自动扩展。因此，在我的示例中，当您将鼠标悬停在第一个项目上时，我希望显示项目 1 子菜单（像正常一样），然后也是该项目下的第一个子菜单。项目 2 也应该显示。http://jsfiddle.net/n2Sxc/1/

我曾尝试使用此代码，它位于 jsfiddle 中。

我还查看了 api 文档，但我并不清楚如何使用扩展或焦点。我不确定这是否是我想要使用的。

焦点：http ://api.jqueryui.com/menu/#event-focus

展开：http ://api.jqueryui.com/menu/#method-expand

我在启动菜单时也试过这个

使用 jQueryUI 创建一个菜单，我注意到如果您选择一个菜单项，它会正确触发相应的事件。但是，如果您随后立即选择另一个菜单项（不先单击菜单外的任何内容），它不会触发 menuselect 事件，而只是将a标记视为常规链接（此模式重复：1 好，1 忽略，1 好, 1 被忽略, 等等...)

这是一个演示该问题的 jsfiddle：http: //jsfiddle.net/J9eyv/4/

(1) Broken：单击一个选项，然后单击另一个选项。

(2) 工作：单击一个选项，单击菜单外，然后单击另一个选项。

代码仿照此处的 jQueryUI 演示： http ://api.jqueryui.com/menu/#event-select

我错过了什么吗？

编辑：

如果您从事件回调中调用$(selector).menu("focus") 或者实际上是，这将“解决”问题。$(selector).menu("idontunderstand")这听起来不对。

我同时使用 jQuery UI 对话框和菜单。我正在尝试打开一个对话框并根据菜单选择显示不同的效果。

对话框打开，但没有任何效果发生。我是 jQuery 和 jQuery UI 的新手。任何帮助，将不胜感激。

我在我的应用程序中使用 jquery 菜单。我有 3 个级别的子菜单。就像下面 jsfiddle 中显示的那样。

http://jsfiddle.net/ankitap/WC3bE/

当我们将鼠标悬停在菜单选项上时，子菜单将自动打开。我想禁用此功能并希望仅在单击时打开子菜单。我尝试使用：

我还尝试将 1 级类名作为主类，将 2 级类名作为子类。

html代码是：

我无法停止在鼠标悬停时打开子菜单。我希望子菜单只有在点击后才能打开。请帮忙！谢谢你。

我有一个包含单字段表单的 jQuery UI 对话框，并且 autoOpen 属性在开始时设置为 false。页面上还有另一个 jQuery UI 菜单，对话框的打开功能绑定到菜单项的单击事件。当单击菜单项打开对话框时，我一直试图将焦点设置到对话框的唯一表单字段，但不知何故没有运气。为了查明原因，我还添加了另一个测试按钮，通过单击该按钮，我可以将焦点设置到表单字段。所以我很确定是 jQuery UI 菜单阻止了该领域的焦点。我想知道是否有任何方法可以规避这个限制。任何见解都值得赞赏。谢谢！

html:

javascript:

这是js小提琴

我创建了一个网格并自定义了一个列以包含一个 jquery UI 菜单，例如拆分按钮示例

一切正常，除了菜单窗口出现在单元格内导致视觉效果不佳的事实，即单元格高度增加为菜单窗口腾出空间。查看以下屏幕截图以获得直观的解释（不要介意菜单项处于禁用状态）。

有没有办法让菜单窗口根据 z-index 出现在表格元素的顶部？

非常感谢您的宝贵帮助，社区:)

根据评论请求编辑：

创建拆分按钮菜单的代码如下。首先是列模型标记

然后，在 gridComplete 事件中，我有以下代码（请注意，启用/禁用菜单项需要一些代码

假设我有这个小提琴 http://jsfiddle.net/pnmpn25/VPXjs/

这是来自 jquery ui 站点的演示实现。当我单击 Salzburg->Delphi 时，Delphi 的子菜单保持打开状态，这就是我想要的。

当我点击 Salzburg->Delphi->Delphi 或 Salzburg->Perch 时，子菜单关闭。我不想要这个。

如果子菜单没有任何子菜单，如何让 jquery ui 菜单不关闭子菜单？任何帮助表示赞赏。

我正在使用 jquery ui 菜单 1.9。我将列表项元素定义为

http://jsfiddle.net/fVLv3/1/

我的问题是我无法检查或取消检查是否在标签外部单击，只能在标签文本或输入本身上单击。我希望能够单击菜单项上的任意位置来触发复选框。

有没有办法用 html/css 做到这一点？

我想我可以在菜单的选择事件中做到这一点，但我认为这会导致其他问题，如果可能的话，我宁愿在标记中解决它。

我尝试将标签的宽度设置为 100%，但显然没有用。有任何想法吗？