javascript - Gantry 5 Extended Style menu dropdown onclick to hover

Question

当使用 menu-item1 > menu-item2 > menu-item3 将 Gantry 菜单设置为扩展样式时，要显示 item3 的 item2 的下拉菜单需要用户单击箭头来展开。你如何使它在悬停时起作用。

恐怕用户不会知道点击箭头来展开菜单。有没有办法使用扩展样式并通过悬停或两者更改 onclick 功能？

从 Stackoverflow 看到这两个函数的 javascript 解决方案。

var hoverOrClick = function () {
    // do something common
}
$('#target').click(hoverOrClick).hover(hoverOrClick);

上述是否可以与 media/gantry5/assets/js/main.js 一起使用是控制它的文件。任何帮助，将不胜感激。

标签： javascriptcssjoomlahovergantry-framework

Answer 1

在 Joomla Admin 中，转到组件 > Gantry5 主题。然后在右上角单击“菜单”按钮，选择要使用悬停功能的菜单，然后单击其齿轮图标。在其设置中，只需取消选中“禁用下拉菜单”。