Почему не работает код на телефоне, который работает на телефоне?

Question

[HelpMeeee]

Есть вот такая функция, которая при наведении активирует загрузку гиф для видео.

function myfunction(el,d) {
		  $(".active-prev").remove();
    	$(".preloders").remove();
    	if ($(this).attr("data-gif")) {
        $(this).parent().append('<img src="http://site.com/loader.gif" width="100%" height="100%" class="preloders">');
        $(this)
            .parent()
            .append('<video class="active-prev" onloadeddata="$(\'.preloders\').remove();" src="' + $(this).attr("data-gif") + '" autoplay loop muted></video>');
    }
		}

Есть функция, которая отслеживает свайп, 100% рабочая, проверял алертом)
Вызываю ту же функцию для подгрузки гифок при свайпе и ничего не работает.
Вызываю таким образом

function detectswipe(el,func) {
		  swipe_det = new Object();
		  swipe_det.sX = 0; swipe_det.sY = 0; swipe_det.eX = 0; swipe_det.eY = 0;
		  var min_x = 30;  //min x swipe for horizontal swipe
		  var max_x = 30;  //max x difference for vertical swipe
		  var min_y = 50;  //min y swipe for vertical swipe
		  var max_y = 60;  //max y difference for horizontal swipe
		  var direc = "";
		  ele = document.getElementById(el);
		  ele.addEventListener('touchstart',function(e){
		    var t = e.touches[0];
		    swipe_det.sX = t.screenX; 
		    swipe_det.sY = t.screenY;
		  },false);
		  ele.addEventListener('touchmove',function(e){
		    e.preventDefault();
		    var t = e.touches[0];
		    swipe_det.eX = t.screenX; 
		    swipe_det.eY = t.screenY;    
		  },false);
		  ele.addEventListener('touchend',function(e){
		    //horizontal detection
		    if ((((swipe_det.eX - min_x > swipe_det.sX) || (swipe_det.eX + min_x < swipe_det.sX)) && ((swipe_det.eY < swipe_det.sY + max_y) && (swipe_det.sY > swipe_det.eY - max_y) && (swipe_det.eX > 0)))) {
		      if(swipe_det.eX > swipe_det.sX) direc = "r";
		      else direc = "l";
		    }
		    //vertical detection
		    else if ((((swipe_det.eY - min_y > swipe_det.sY) || (swipe_det.eY + min_y < swipe_det.sY)) && ((swipe_det.eX < swipe_det.sX + max_x) && (swipe_det.sX > swipe_det.eX - max_x) && (swipe_det.eY > 0)))) {
		      if(swipe_det.eY > swipe_det.sY) direc = "d";
		      else direc = "u";
		    }

		    if (direc != "") {
		      if(typeof func == 'function') func(el,direc);
		    }
		    direc = "";
		    swipe_det.sX = 0; swipe_det.sY = 0; swipe_det.eX = 0; swipe_det.eY = 0;
		  },false);  
		}
		detectswipe('hover_tumb',myfunction);
		function myfunction(el,d) {
		  $(".active-prev").remove();
    	$(".preloders").remove();
    	if ($(this).attr("data-gif")) {
        $(this).parent().append('<img src="http://site.com/loader.gif" width="100%" height="100%" class="preloders">');
        $(this)
            .parent()
            .append('<video class="active-prev" onloadeddata="$(\'.preloders\').remove();" src="' + $(this).attr("data-gif") + '" autoplay loop muted></video>');
    }
		}

Comments

[black1277]

попробуй так

detectswipe('hover_tumb', myfunction.bind(null, el, d));

[WbICHA]

black1277, а ничего, что он обращается к this и ты его null указал?
Очевидно проблема в том, что автор обращается к какому-то неизвестному this и ничего не меняется.
Как и код времён палеозоя, который он тупо скопипастил.

[black1277]

Все верно. Пусть ищет элемент с атрибутом data-gif и подставит его вместо null

[HelpMeeee]

black1277, почему, когда код вне функции работает, а в функции нет?

[black1277]

потому что в функции есть обращение к this, который указывает на элемент содержащий атрибут "data-gif", если этого атрибута нет, то загрузка не происходит. Т.е. работа функции зависит от того кто её вызывает. При таком вызове: detectswipe('hover_tumb',myfunction) у вызывающей функции detectswipe нет атрибута. Если у елемента 'hover_tumb' есть атрибут "data-gif", то попробуйте так:

let elem = document.getElementById('hover_tumb');
detectswipe('hover_tumb', myfunction.bind(elem));

[HelpMeeee]

black1277, Окей, я проблему понял, код попробовал. Но всё равно не работает...