Почему не работают jquery скрипты на мобильном телефоне?

Question

[WebforSelf]

На сайте
Почему то не работают некоторые скрипты на мобильном смартфоне.


К примеру если открыть товар на мобильном, то не раскрываются варианты и не работает крестик закрывающий всплывающее окно.

Данные скрипты живут в main.js

//раскрывающийся список  верхний
  $('body').on('click', '.ingr-add', function () {
    $(this).closest(".ingr-add-wrap").find(".ingr-list").slideToggle();
    $(this).toggleClass("modal-item__kkal-toggle--active");
  });

//раскрывающийся список  нижний
  $(document).on('click', '.modal-item__kkal-toggle', function() {
    $(this).toggleClass("modal-item__kkal-toggle--active");
    $(this).closest(".modal-item__info").find(".modal-item-kkal").slideToggle();
  });

//код на крестик для закрытия фансибокса
$(document).on('click', '.modal-close', function() {
	$.fancybox.close(); 	
});

Comments

[WebforSelf]

Главное что когда делаешь какое либо событие js во всплывающем окне, то выходит данная ошибка. Может как то связаны они?

Uncaught TypeError: r.current.$content.find(...).addBack is not a function

// Check where is clicked
    if ($target.is(".fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-container")) {
      where = "Outside";
    } else if ($target.is(".fancybox-slide")) {
      where = "Slide";
    } else if (
      instance.current.$content &&
      instance.current.$content
      .find($target)
      .addBack()
      .filter($target).length
    ) {
      where = "Content";
    } else {
      return;
    }

Answer 1

[WebforSelf]

Разобрался, нужно отключить touch у всплывающего окна

$.fancybox.defaults.touch = false;