如何将dropdown mega menu的hover触发改为点击触发

• 第一步：移除hover相关HTML属性
  你现有代码中触发下拉的<a>标签里的data-hover="dropdown"、data-delay="200"是专门用于hover触发的属性，直接删除这两个属性，保留data-toggle="dropdown"即可，该属性是Bootstrap下拉菜单原生点击触发的核心配置。
  修改后的菜单标签示例：

<li class="nav-item dropdown menu-large"><a href="#" data-toggle="dropdown" class="dropdown-toggle nav-link">Men<b class="caret"></b></a>

• 第二步：清理hover触发的CSS规则
  如果项目样式中写了类似如下的hover触发规则，需要删除或注释，避免hover仍会触发菜单展开：

/* 需删除/注释的示例规则 */
.dropdown:hover .dropdown-menu {
    display: block;
}

• 第三步：功能校验
  修改完成后即可实现点击菜单展开/收起，点击页面空白区域也会自动收起已展开的下拉菜单，符合点击触发的需求。

内容的提问来源于stack exchange，提问作者Ismail