휴대 전화에서 요소의 이동 취소 방법

Question

데스크톱에서 잘 작동하는 드롭 다운 요소가 있습니다. http://www.c-testing.nl/werkenbijvanaarsen/growing-together/

휴대 기기에서는 다시 탭하면 드롭 다운이 축소되지 않습니다. 이 포럼에서 몇 가지 답변을 읽었지만이 경우에는 작동하지 않습니다.

나는 이것을 CSS로만 얻으려고 노력하고 있지만 이것에 관해 더 많이 읽으면 온라인 자바 스크립트가이를 달성 할 수있을 것으로 보인다.

아무에게도이 요소에 마우스를 올려 놓지 않게 설정할 수있는 사람이 있습니까?

.pl-drop_down:hover ul { opacity: 1; visibility: visible; }

감사합니다, 마크

Answer 1

그것은 당신이 방금 CSS를 사용하여 원하는 것을 얻을 것 같지도 :이 같은 가져가, 터치 스크린을 위해 설계되지 않았습니다.

$('[selector that you want to tap]').click(function() { $('.pl-drop_down').css({'pointer-events': 'none'}); });

이 당신이를 위해 jQuery를해야합니다, 모바일에 가져가 상태를 제거하고 다시 축소해야한다 :

것은 그것을 다시 모바일 붕괴 얻으려면, 당신은 자바 스크립트를 추가 할 수 있습니다 솔루션을 작동합니다.