2012-09-26 3 views
5

모바일 및 데스크톱 장치를 모두 지원하는 사이트에서 작업하고 있습니다. 깊은 링크가 가능하도록 해시 태그를 사용할 수있는 이미지 갤러리를 만들려면 jquery-address plugin을 사용하고 있습니다.iPad/iPhone에서 하나만 필요할 때 두 번의 클릭이 필요합니다.

하지만 iOS5 및 iphone 5와 함께 ipad 시뮬레이터에서 이미지 갤러리의 카테고리를 두 번 클릭하여 이미지 갤러리에서 이벤트가 제대로 작동하도록하는 데 문제가 있습니다. 원 클릭으로 OSX에서 chrome/safari/firefox에서 잘 작동합니다.

지금까지 iphone/ipad에서만 이것을 보았습니다. 데스크톱 브라우저가 클릭 한 번으로 정상적으로 작동하는 이유에 대한 아이디어는 있지만 ipad/iphone의 iOS는 두 개가 필요합니까? 나는 여기를 잃고있다. 문제점이 내 마크 업/자바 스크립트 또는 iPad/iPhone의 jquery-address/safari에있는 불분명 한 버그인지 여부를 알 수 없습니다.

.gallery-category:hover { 
    color: white; 
    cursor: pointer; 
} 

아이폰 OS는 지원하지 않습니다 : 감지 할 수있는 방법이 없기 때문에 일반적인 방법으로 가져

+0

은 JS없이 아이 패드에 그것을 시도

.gallery-category a:hover {... 

그것을 해결됩니다 작업 위의 코드로 교체하는 경우

내가 생각 : 동일 문제. 그래서 사파리 모바일이 처리하는 방식입니다. 나는 절대 URL로 시도 할 것이다. – mddw

답변

4

나는 인해 마크 업 및 .gallery 범주에 호버 상태를 가진이는 확신 마우스가없는 마우스 오버 상태. 곧바로 a : hover 상태에서 스스로를 정렬하지만, 마크 업이 약간 복잡하기 때문에 (그리고 상상할 수있는 : 호버 (hover) 상태가 있음) 짐작할 수 있습니다. 당신이 (그래도 난 당신의 코드를 시도하지 않은)

+0

오늘 나중에 촬영 해 보겠습니다. – Dave

+0

올바른 방향으로 나를 안내해 주셔서 감사합니다. 한 번의 탭 동작을 원할 때 iPad에서 두 번 탭하는 'mouseleave' 이벤트 처리기가 있음이 드러났습니다. – Jasper