jQuery Mouseover on Ipad

Question

I code a responsive website with Bootstrap and I do an Mouseover with jQuery on images in desktop but on Ipad when I click on those images my function Mouseover works so there is a bug.

I want in my ipad website this function Mouseover doesn't launch. How I do that?

this is my code :

  $('.image a img').mouseover(function(){
  $(this).next().fadeIn();
  });

  $('.texte').mouseout(function(){
  $(this).fadeOut();
  });

Answer 1

Maybe try the answer found in this question

if(!navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/)) {
  $('.image a img').mouseover(function(){
  $(this).next().fadeIn();
  });

  $('.texte').mouseout(function(){
  $(this).fadeOut();
  });
}