Проблема с Mouseenter с мобильными устройствами и история назад

Question

Я использую mouseenter и mouseleave для добавления и удаления классов, когда указатель мыши находится над div.

На рабочем столе он работает нормально, но я понял, что на мобильных устройствах это не так. Когда я нажимаю на связанный div, он помещает класс, а затем go в эту ссылку, и когда я возвращаю историю, этот div сохраняет класс, поэтому другие div «исчезают».

Вот код :

jQuery('.lg-row .lg-col .lg-placeholder').on('mouseenter', function(){
  let link = jQuery(this).parent('a').attr('href');
  jQuery('a[href!="'+link+'"]').children().addClass('hideImages');
});
jQuery('.lg-row .lg-col .lg-placeholder').on('mouseleave', function(){
  let link = jQuery(this).parent('a').attr('href');
  jQuery('a[href!="'+link+'"]').children().removeClass('hideImages');
});

И история возвращается, если вы зашли с той же страницы (если вы этого не сделаете, она перенаправит вас на главную)

$('.both .old-a, #cross-single').click(function(e){
      e.preventDefault();
    if (document.referrer.indexOf(location.protocol + "//" + location.host) === 0) {
      window.history.back()
    } else {
      window.location.href=$(this).attr('href');
    }
    })

Вот как это выглядит после истории: https://gyazo.com/79ad27fdc1537abefb09b6a5f32dfc2d