jQuery를 사용하여 iOS에서 클릭/마우스 오버 동작과의 혼동

-1

jQuery가 포함 된 웹 페이지가 있습니다. iPad/iPhone에서 열면 hover 동작을 설정할 때 하이퍼 링크가 예상대로 작동하지 않습니다.jQuery를 사용하여 iOS에서 클릭/마우스 오버 동작과의 혼동

인터넷을 통해 많은 웹 사이트를 탐색하여이를 파악하려고했지만 특정 솔루션을 찾을 수 없었습니다. 어쩌면 나는 무슨 일이 일어나고 있는지 이해할 수 없다. 나는 단서와 해결책을 고맙게 생각한다.

.box:hover .box_details .description2 { 
    height: auto !important; 
    display: block 
} 

.box .social { 
    width: 150px ; 
    position: absolute; 
    z-index: 99 ; 
    margin: 0 auto; 
    margin-left: 50%; 
    left: -75px; 
    text-align: center 
} 

.box:hover .social ul { 
    margin-top: 10px; 
    -webkit-transition: margin-top linear 0.5s ; 
    transition: margin-top linear 0.5s ; 
} 

.box .social ul { 
    width: 100% ; 
    float: left ; 
    margin-top: -50px ; 
} 

.box .social ul li { 
    float: left; 
    list-style: none; 
    margin: 1% 1% 0 1%; 
    line-height: 20px; 
    width: 22% 
} 

.box .social ul li img { 
    width: 100% !important; 
    position: relative 
}

이 저를 도와주세요 : 여기

은 호버 설정하는 코드입니다. 감사!

출처

2013-08-02 Kamal

코드를 보여줄 수 있습니까? 또한 ... 터치 스크린 장치에서 어떻게 움직일 수 있습니까? 당신이 그것을 건드 리거나 말거나, 요소 위로 마우스를 가져갈 마우스 커서가 없습니다 ... – Th0rndike

어쨌든 iOS에서 '떠오름'이란 무엇입니까? –

[jQuery Mobile Events] (http://api.jquerymobile.com/category/events/)를 사용하면 '탭'또는 '태핑'을 시도해보십시오. – Mooseman

터치 이벤트로 호버 이벤트를 변경할 수 있다고 생각합니다.

출처

2013-08-02 10:17:55 zqillyc

jquery를 사용하는 경우 i phone과 i 패드에 대한 호버 투 터치 이벤트를 변경하는 방법은 '$ (element) .on ('touchstart', function() {// your code})와 같습니다. – Kamal

('touchend', function() {// your code})' – zqillyc

@zqillyc - 정확하지 않습니다. 이 방법은 손가락이 닿는 동안에 만 작동합니다. – Redtopia

iOS에서 모든 호버 이벤트는 클릭 이벤트로 처리됩니다. 따라서 링크에 : 호버 스타일이있는 경우 사용자는 링크를 두 번 클릭해야합니다. 다음은 iOS에 관한 글입니다. 마우스 오버/double tap issue. 당신이 jQuery를 이벤트 데스크톱 및 모바일

$('.selector').on('mouseenter touchstart', function(){ 
    // Do something 
}); 

$('.selector').on('mouseleave touchend', function(){ 
    // Dhing someto 
});

출처

2013-08-02 10:35:18 zeenfaiz

(iPhone 또는 iPad 또는 장치에 사용)을 호버 효과는 (때문에 터치) 불필요 효과가 없습니다.

:active psuedoclass 만 사용하면 더 편리합니다.

출처

2013-08-02 10:38:37 l2aelba

이것은 .hover()와 동일하지 않습니다. 터치가 가능한 메뉴에는 터치 시작과 함께 메뉴가 열린 상태로 유지되는 터치가 필요합니다.그런 다음 다시 탭할 때 닫아야합니다. 그러면 다시 터치 스타트와 터치가 발생합니다. – Redtopia

모든 사이트 이동에 대해 이야기하는 경우

출처

2013-08-02 10:42:19 Praveen

jQuery를 사용하여 iOS에서 클릭/마우스 오버 동작과의 혼동

답변

관련 문제