javascript - 防止关闭剑道上下文菜单中的子菜单,直到用户将鼠标悬停在另一个菜单项上或单击外部/另一个菜单项

标签 javascript jquery html kendo-contextmenu

请引用此示例:https://dojo.telerik.com/Eqali

由于子项的长度非常小,因此将鼠标悬停在菜单上时,子菜单会在失去焦点时迅速关闭。我的要求是,一旦打开子菜单,它就不应关闭,直到用户将鼠标悬停在另一个菜单项上或单击某个项目。即使鼠标焦点离开子菜单,它也应该保持打开状态,就像它在资源管理器上下文菜单中一样,如下图所示:

enter image description here

我做了一些更多的更改,几乎达到了预期的结果,如以下示例所示:https://dojo.telerik.com/Eqali/2 但这里的问题是,如果我将鼠标悬停在没有任何子项的菜单项上,那么已经打开的子菜单项不会关闭,直到它的 hoverDelay 被触发。

关于如何实现这一点有什么建议吗?

最佳答案

Kendo 稍微改变了它的上下文菜单选项: 您现在可以将“openOnClick”选项添加到“subMenuItems”和“rootMenuItems”:

openOnClick: { 
 subMenuItems: true,
 rootMenuItems: true
}

http://docs.telerik.com/kendo-ui/api/javascript/ui/menu#configuration-openOnClick

也许这对你有帮助!

关于javascript - 防止关闭剑道上下文菜单中的子菜单,直到用户将鼠标悬停在另一个菜单项上或单击外部/另一个菜单项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45751697/

相关文章:

javascript - 申请位置:absolute to a style via jQuery fails to center div horizontally upon first page load

带有负值的 Javascript string.slice()

javascript - jQuery .click 不会触发后代选择器

javascript - "arguments"是 JavaScript 中无效的参数名称吗?

javascript - 将 jQuery 覆盖功能指定给一个元素,而不是一次打开所有元素

javascript - 未捕获的类型错误 : Cannot set property 'onchange' of null

javascript - Uncaught ReferenceError : execute is not defined

php - jquery/json 从 mysql 数据库中用 html 拉取字符串

javascript - 将内容更改同步到本地主机 gatsby 版本,无需重新运行 `gatsby-develop`

javascript - iframe 的加载事件不会在 IE 中触发