2013-03-11 1 views
0

나는이 모든 것을 설정하여 ipad를 사용할 때 링크를 두 번 눌러 활성화해야한다는 것을 알고 싶습니다.iPad에서 더블 클릭을 제거하는 방법

jQuery(document).ready(function() { 
    jQuery('.normal-model').live('mouseover', function() { 
     jQuery(this).find('.desc-box').fadeIn('slow'); 
     var videoid = jQuery(this).find('.model-video a').attr('id'); 
     var viddestin = jQuery(this).find('.model-video'); 
     var postoi = jQuery(this).find('.model-video iframe'); 
     if (postoi.length == 0) { 
      if (videoid != '' || videoid != ' ') { 
       var genifr = '<iframe src="http://www.youtube.com/embed/' + videoid + '?autoplay=1" frameborder="0" width="230" height="150"></iframe>'; 
      } 
      jQuery(genifr).appendTo(viddestin); 
     } 
    }); 
    jQuery('.normal-model').live('mouseleave', function() { 
     jQuery(this).find('.desc-box').fadeOut('slow'); 
     jQuery(this).find('.model-video iframe').remove(); 
    }); 
}); 

iPad에서 한 번만 클릭하도록하려면 어떻게해야합니까?

+4

한 줄에 모두 입력하면이 코드를 따르기가 어렵습니다. 이 질문은 코드가 여러 줄에 걸쳐 퍼져있는 경우 좋은 대답을 얻을 수있는 가능성이 훨씬 높습니다. – JaredPar

답변

1

iPad에는 mouseover 또는 mouseleave 이벤트가 없습니다. (또한 .live.on 찬성되지 않습니다 것을 알고있다) 당신의 mouse 이벤트에 추가 touchstarttouchend (또는 touch)를 사용하여보십시오 : 당신은 요소에 마우스 오버 이벤트를 바인딩

jQuery('.normal-model').on('mouseover touch', function() { 

// ... 

jQuery('.normal-model').on('mouseleave touch', function() { 
+0

Awsome! 편집 및 내 문제를 해결해 주셔서 감사합니다! .live가 .on으로 변경되고 'touchstart'가 추가되었으며 완벽하게 작동했습니다. –

1

. 터치 장치에는 일반적인 호버 이벤트가 없으므로 요소를 탭하면 요소의 탭이 호버 이벤트로 처리되도록하여이를 해결합니다. 두 번째 탭 (doubleclick)은 정상 클릭 이벤트를 활성화합니다.

Tldr; iPad에서 좋은 경험을 제공하려는 경우이 종류의 탐색에 호버 이벤트를 사용하지 마십시오. 바인딩을 클릭 이벤트로 변경하면됩니다.

관련 문제