触摸屏点父菜单直接跳走 子菜单根本没展开

$('.menu-item-has-children > a').on('click', function (e) {
  if ($(this).parent().attr('data-open') !== 'true') {
    e.preventDefault(); $(this).parent().attr('data-open', 'true');
  }
});

安卓平板点带子菜单的一级项，页面直接跳到该页面，二级菜单从头到尾没出现。桌面浏览器用鼠标悬停能正常展开。这类现象通常不是突然出现的，往前翻半天日志能看到苗头。

追下去是这么回事：子菜单只靠 :hover 显示，触摸设备第一次点击会同时触发 hover 和 click，click 直接把链接打开。没有给父项加可点击的展开按钮。

围绕「触摸子菜单」排查时，命令行跑一遍比在面板里点十次有用，面板会替你做掉不少隐式操作。同类问题如果隔一段时间又出现，多半是某个定时任务或重启流程把改动冲掉了。

把这次用到的命令存进笔记，比记住结论有用，换个环境还能照着走。

处理上按这个顺序：给有子项的父级加独立展开按钮 和链接分开；第一次点击只展开 第二次才跳转 用 aria-expanded 记状态；用 pointerdown 判断触摸 不要只靠 hover 媒体查询。

确认没问题再收工，平板上第一次点父项展开子菜单，再点一次才进入页面。