Как исправить проблему непассивных элементов Chrome для JQuery 1.x

Question

У меня есть проект, в котором мы использовали jquery 1.x с функциональностью dataTables. Эта функция работает нормально для браузера Firefox, но для Chrome она не работает и не выдает никаких ошибок в консоли. Это просто дает предупреждение

Добавлен непассивный слушатель событий для блокировки прокрутки событие «touchmove» / «touchstart». Рассмотрим маркировку обработчика событий как «пассивный», чтобы сделать страницу более отзывчивой.

Я пробовал некоторые решения, такие как добавление preventDefault() или добавление сценария в пассивную ложь, но это не сработало.

как

jQuery.event.special.touchstart = {
  setup: function( _, ns, handle ){
   if ( ns.includes("noPreventDefault") ) {
     this.addEventListener("touchstart", handle, { passive: false });
   } else {
     this.addEventListener("touchstart", handle, { passive: true });
  }
 }
};
jQuery.event.special.touchmove = {
   setup: function( _, ns, handle ){
      if ( ns.includes("noPreventDefault") ) {
         this.addEventListener("touchmove ", handle, { passive: false });
      } else {
         this.addEventListener("touchmove ", handle, { passive: true });
      }
   }
};

Это связано с управлением версиями jquery. Если да, то мне нужно перенести его для обработки данных (он поддерживается в Firefox, хотя прямо сейчас).

Answer 1

can you please try with

jQuery.event.special.touchstart = {
  setup: function( _, ns, handle ){
   if ( ns.includes("noPreventDefault") ) {
     this.addEventListener("touchstart", handle, { passive: false });
   } else {
     this.addEventListener("touchstart", handle, { passive: false }); // updated here
  }
 }
};
jQuery.event.special.touchmove = {
   setup: function( _, ns, handle ){
      if ( ns.includes("noPreventDefault") ) {
         this.addEventListener("touchmove ", handle, { passive: false });
      } else {
         this.addEventListener("touchmove ", handle, { passive: false }); // updated here
      }
   }
};