При обработке события mousemove в jquery использовал плагин throttle-debounce, а именно функцию debounce для оптимизации цикла внутри. И внутри самого файла throttle-debounce возникает ошибка в callback.apply(). Я не особо шарю в коллбэках и throttle-debonce использую впервые. Что это значит и как это исправить?
1 ответ
укажите задержку вначале, а потом функцию
jQuery.debounce( delay, [ at_begin, ] callback )
function editBlockSize(e) {
id = '#creation_place > ' + '#' + $(this).attr('id');
sizing = !(sizing);
x = e.pageX - $(id).offset().left;
y = e.pageY - $(id).offset().top;
$(document).on('mousemove', $.debounce(300,function(e) {
while (x > parseInt($(id).css('width')) - 5 && sizing === true) {
x = e.pageX - $(id).offset().left;
$(id).css('width', x);
}
}));
return false;}
-
Так ошибку не выдает, но страница виснет из-за постоянного выполнения while, будто debounce вообще нет. Commented 7 янв. 2018 в 10:26
-
думайте над алгоритом функции, избавьтесь от while, debounce тут ничем не поможет.– рониCommented 7 янв. 2018 в 10:39
function editBlockSize(e) { id = '#creation_place > ' + '#' + $(this).attr('id'); sizing = !(sizing); x = e.pageX - $(id).offset().left; y = e.pageY - $(id).offset().top; $(document).on('mousemove', $.debounce(function(e) { while (x > parseInt($(id).css('width')) - 5 && sizing === true) { x = e.pageX - $(id).offset().left; $(id).css('width', x); } }, 300)); return false; }
После срабатывания debounce появляется ошибка.