实现桌面和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

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