모두 데스크톱 가져가 동작을 구현하고 아이 패드

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에서 onmouseover가 지원되지 않으므로 onclick도 추가해야합니다. 이제는 ontouchstart로 변경할 수도 있습니다.하지만 요점은 불필요하게 2 명의 핸들러를 추가하는 것입니다.

컴팩트 한 방법으로이 동작을 구현할 수있는 방법이 있습니까?

구현을 JS에서 CSS로 옮기는 것을 포함하여 모든 아이디어에 대해 열려 있습니다. 보다 컴팩트하고 좋은 접근 방법입니다.

제안 해주십시오.

Answer 1

모바일 플랫폼 버전에 대한 호버 기능을 완전히 제외시키는 것이 좋습니다. 당신이 설명하는 이유는, 그냥 작동하지 않습니다. 하위 메뉴를 열어두고 상호 작용중인 기본 탭에 따라 하위 메뉴를 변경하십시오.