2017-05-22 1 views
2

id를 사용하여 elemnt (모바일)를 클릭하면 클래스가 표시되지만 동시에 삭제됩니다. div를 표시하는 클래스 'animate'는 짧은 시간 동안 만 볼 수 있습니다..hover()가 터치로 작동하지 않습니다.

코드는 Chrome에서 완벽하게 작동하며 필요한 작업을 수행합니다.

누구든지 문제를 해결할 수있는 아이디어가 있습니까?

(function($) { 

$(document).ready(function() { 

     $('#apache-table-mod').hover(function() { 
      $(this).toggleClass('animate'); 
     }); 


    }); 
}) (jQuery); 
+6

터치 스크린으로 어떻게 움직일 수 있습니까? – ThisGuyHasTwoThumbs

+0

가능한 [Jquery 가리 키기 메뉴가 작동하지 않음] (https://stackoverflow.com/questions/22476264/jquery-hover-menu-not-working-for-touch) –

+2

터치 장치에서 마우스를 올리면 효과가 나타납니다. 메뉴 시간에 링크에서 사용자가 클릭 (터치)하는 방식을 계산할 수 있습니다. 그 첫 번째 터치를 공중에 올려 놓고 두 번째 터치를 실제 링크 클릭으로 만들 수 있습니다. –

답변

5

모바일에서는 마우스를 가져갈 수 없습니다. 대신 요소에 대한 클릭을 감지하고 애니메이션을 시작하기 위해 jquery animate()를 사용할 수 있습니다.

관련 문제