Изменение вектора мыши и мыши для мобильных устройств и планшета

Question

Как изменить mouseenter и mouseleave на работу с кликом? У меня есть изображения и на клике показать другой внутри. Как исправить MouseLeave, вот код в Javascript:

$("div.mitarbeiterfoto") 
    .mouseenter(function() { 
      var id = $(this).attr("id"); 
      var idInfo = $(this).attr("id").substr(5); 
      ($(this).find('img').css('display', 'none')); 
      ($('#' + id + '_o').css('display', 'block')); 
      showInfo(idInfo); 
    }) 

    .mouseleave(function() { 
      var id = $(this).attr("id"); 
      var idInfo = $(this).attr("id").substr(5); 
      ($(this).find('img').css('display', 'block')); 
      ($('#' + id + '_o').css('display', 'none')); 
      hideInfo(idInfo); 
    }); 

Пожалуйста, мне нужна помощь!

Answer 1

Назначение события, как это будет работать

$('.mitarbeiterfoto').on('mouseenter', function() { 
     var id = $(this).attr("id"); 
      var idInfo = $(this).attr("id").substr(5); 
      ($(this).find('img').css('display', 'none')); 
      ($('#' + id + '_o').css('display', 'block')); 
      showInfo(idInfo); 
}); 

$('.mitarbeiterfoto').on('mouseleave', function() { 
     var id = $(this).attr("id"); 
     var idInfo = $(this).attr("id").substr(5); 
     ($(this).find('img').css('display', 'block')); 
     ($('#' + id + '_o').css('display', 'none')); 
     hideInfo(idInfo); 
}); 


$('.mitarbeiterfoto').on('click', function() { 
    //click 
});