首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在悬停状态下使用jQuery UI菜单不适用于子菜单

在悬停状态下使用jQuery UI菜单不适用于子菜单
EN

Stack Overflow用户
提问于 2014-06-09 12:00:36
回答 1查看 986关注 0票数 1

我在我的应用程序中使用jQuery UI菜单插件。我有个问题。

在子菜单(二级)中,如果我在单个子菜单项上重复鼠标悬停,那么有时就不会发生hover动作。

代码语言:javascript
运行
复制
ITEM 1

ITEM 2

ITEM 3 -> ITEM 3-1 

          ITEM 3-2     


ITEM 4

ITEM 5 

在这里解释情况:

我从这里复制了演示示例http://api.jqueryui.com/menu/#entry-examples,并在项目3-2下增加了一个子菜单级别。现在将鼠标悬停在第3-2项下一个级别,但是如果我重复悬停,那么在悬停的某一点上,下一个级别就不会出现。

要复制此问题,请执行以下步骤

  1. 鼠标移到第3项--这将显示菜单
  2. 鼠标移到项3-2 -子菜单上。
  3. 鼠标从子菜单中移出--但是,不要点击菜单的外部,这样第3项菜单仍然打开。
  4. 现在鼠标在项目3-2 (选择相同的项目在步骤-2,重复做此菜单项并检查)-子菜单不来。
EN

回答 1

Stack Overflow用户

发布于 2014-06-09 12:26:34

绑定到根菜单的mouseleave事件应该运行collapseAll( event,true ),而不仅仅是直接绑定到collapseAll(),例如。

@ jquery.ui.menu.js第102行

代码语言:javascript
运行
复制
            mouseleave: "collapseAll",
            mouseleave: function( event ){
                this.collapseAll( event, true );
            },
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/24119863

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档