为桌面和 iPad 实现悬停行为 [关闭]

Question

我正在尝试实现一个主选项卡，它在悬停时会显示子选项卡

<a href="#" onclick="javascript:displaySubTabs('subTabs', 'tabClasses');" onmouseover="javascript:displaySubTabs('subTabs', 'tabClasses');"><img src="images\img_Classes.png" /></a>

function displaySubTabs(parentTabId, childTabId) {
        $('#' + parentTabId).children().removeClass('show');
        $('#' + childTabId).addClass('show');
    }

我也需要在 iPad 上实现相同的功能。 现在，由于 iPad 不支持 onmouseover，我还需要添加 onclick（现在也可以将其更改为 ontouchstart）......但重点是我觉得我不必要地添加了 2 个处理程序......

有什么方法可以让我使用紧凑的方式实现此行为。

我对所有想法持开放态度，包括将实现从 JS 转移到 CSS。任何更紧凑和更好的方法..

请提出建议。

Answer 1

我建议您完全排除移动平台版本的悬停功能。原因是你解释，它只是不起作用。只需将子菜单保持打开状态，并根据与之交互的主选项卡进行更改。