iDevice에서 jQuery 스크립트 롤오버가 호환되지 않습니다.

Question

내 이미지 롤오버를 관리하는 jQuery 스크립트가 있습니다. 내 스크립트는 PC에서 제대로 작동하지만 불행히도이 스크립트는 iDevices (iPad, iPhone)와 호환되지 않습니다.

image-normal.jpg <=> image-hover.jpg

은 당신이 나를 도와 주실 수 있습니까?

$(document).ready(function(){ 
    $(function() { 
    $('img.rollover').hover(function() { 
     $(this).css("cursor", "pointer"); 
     this.src = this.src.replace("-normal","-hover"); 
    }, function() { 
     this.src = this.src.replace("-hover","-normal"); 
    }); 
    }); 
}); 

Answer 1

이 시도 :

$(document).ready(function(){ 
    $(function() { 
     $('img.rollover').on('mouseenter touchstart', function(){ 
      $(this).css("cursor", "pointer"); 
      this.src = this.src.replace("-normal","-hover"); 
     }); 

     $('img.rollover').on('mouseleave touchend', function(){ 
      this.src = this.src.replace("-hover","-normal"); 
     }); 
    }); 
}); 

당신은 여전히 ​​유혹이 없기 때문에 모바일 이미지를 터치 (클릭)해야합니다.