0xD34F

Правильно - никак. Обрабатываем только движение, а информацию о нажатых кнопках берём из объекта события:

wrap.on('mousemove', function(e) {
  if (!e.buttons) {
    return;
  }

  // здесь ваш код
});

Сейчас у вас checkTimerId и sendTimerId существуют в единственных экземплярах - одни на все элементы, содержащиеся в наборе, на который ссылается this в trackCoords. События, по которым устанавливаются/снимаются интервалы всплывают, а элементы вложены один в другой - так что когда курсор уходит с внешнего элемента на внутренний, то сначала снимаются интервалы внешнего элемента, затем устанавливаются интервалы внутреннего элемента, затем событие mouseover, случившееся на внутреннем элементе достигает внешнего, и там опять устанавливаются интервалы, при этом идентификаторы интервалов внутреннего элемента затираются, после чего снять их уже нельзя.

Так что, во-первых, элементы надо обрабатывать независимо:

$.fn.trackCoords = function(options) {
  return this.each(function() {
    const $element = $(this);
    // ...
  });
};

Во-вторых, не надо на одних элементах обрабатывать события, которые приходят от других - останавливайте всплытие событий, или проверяйте, откуда пришло событие, сравнивая целевой элемент с тем, к которому прицеплен обработчик:

$element.mouseover(function(e) {
  if (this !== e.target) {
    // чужое событие - не интересно, не обрабатываем
    return;
  }
 
  // ...
});

Кроме того, устанавливать обработчик события mousemove внутри обработчика mouseover - сомнительная затея. При каждом наведении курсора на элемент устанавливается новый обработчик, зачем это? Установите его один раз, там же, где устанавливаются обработчики mouseover/mouseout.

Можно указать, какие конкретно элементы должны сортироваться. Типа так:

$('#page_list').sortable({
  items: '> .action-box',
});

Забыли назначить имена элементам формы. Типа, <input name="firstname" ....

Получать значения из формы надо внутри обработчика события submit, а не до его подключения (конечно, если вам нужны актуальные значения) - разместите строку const formData = new FormData(formElement); после e.preventDefault();.

Кстати, необязательно обращаться к переменной, ссылающейся на элемент формы, можно воспользоваться объектом события: const formData = new FormData(e.target);.

А если заменить стрелочную функцию на обычную, то можно и так делать: const formData = new FormData(this);.

Поясните это поведение

Вы объявили регулярное выражение с модификатором g - то есть, ищутся все совпадения с шаблоном, а не только первое. Вы вызываете метод test - совпадение найдено, круто. Вызываете снова - поиск начинается не с начала, а с того места, где он был окончен в прошлый раз. Разумеется, в этот раз ничего не найдено. Вызываете test в третий раз - снова всё хорошо, потому что в прошлый раз совпадения кончились, поиск снова выполняется с начала строки.

посоветуйте как вывернуть так, чтобы нормально отрабатывало

1. Уберите модификатор g.

2. После каждого вызова test вручную переустанавливайте позицию, с которой надо начинать поиск совпадения с шаблоном: hyper.lastIndex = 0;. Разумеется, этот вариант является говнокодом.

Исправлено. Что было не так:

1. В jsfiddle не генерируется событие DOMContentLoaded, по которому демка инициализируется. (UPD. Исправили эту дичь, неактуально).

2. У вас была подключена старая версия плагина.

Получаем select:

const select = document.querySelector('.table__select');

// или

const [ select ] = document.getElementsByClassName('table__select');

Добавляем в него option'ы:

select.innerHTML = arr.map(n => `<option>${n}</option>`).join('');

// или

select.append(...arr.map(n => new Option(n)));

// или

for (const n of arr) {
  select.appendChild(document.createElement('option'));
  select.lastChild.text = n;
}

// или

for (let i = 0; i < arr.length; i++) {
  const option = document.createElement('option');
  option.textContent = arr[i];
  select.insertAdjacentElement('beforeend', option);
}

// или

(function next(i) {
  if (i < arr.length) {
    const option = document.createElement('option');
    option.innerText = arr[i];
    select.insertBefore(option, null);
    next(i + 1);
  }
})(0);

Похоже на то, что вам надо?

const arr = [
  [ 2, 7, 2 ],
  [ 2, 5, 4 ],
  [ 2, 1, 5 ],
  [ 3, 1, 2 ],
];

const [ val, iRow, iCol ] = arr
  .map((n, i) => n.reduce((min, m, j) => min[0] <= m ? min : [ m, i, j ], [ Infinity, -1 ]))
  .reduce((min, n) => min[0] <= n[0] ? min : n);

UPD. Если нужно обрабатывать массивы произвольной размерности, можно применить рекурсию:

const arr = [
  [ 2, 7, 2, [ 5, [ 4, [ 3 ], 2 ] ] ],
  [ 2, 5, [ 2, 6, 5, 2 ], 4 ],
  [ 2, 1, [ [ [ 9, 0, 1 ], [ [ [ 1 ] ] ], -1 ] ], 5 ],
  [ 3, 1, 2 ],
];

const minElemWithIndex = arr =>
  arr.reduce((min, n, i) => {
    const m = n instanceof Array
      ? minElemWithIndex(n)
      : [ n, [] ];

    m[1].unshift(i);

    return m[0] < min[0] ? m : min;
  }, [ Infinity, [] ]);


const [ val, indices ] = minElemWithIndex(arr);

$.ajax({
  type: 'POST',
  dataType: 'json',
  url: 'https://api.novaposhta.ua/v2.0/json/',
  data: JSON.stringify({
    modelName: 'Address',
    calledMethod: 'searchSettlements',
    methodProperties: {
      CityName: 'ки',
      Limit: 555
    },
    apiKey: 'f11a8e14401ddcf710f7195b4ebe358c'
  }),
  headers: {
    'Content-Type': 'application/json'
  },
  xhrFields: {
    withCredentials: false 
  },
  success: function(texts) {
    console.log(texts);
  },
});

Добавить обработчик onChange:

onChange(data) {
  $('input[name="sum"]').val(data.from);
}

И как поступить, если слайдера например два.

onChange(data) {
  data.input
    .closest('селектор блоков со слайдерами')
    .find('селектор инпутов, в которые надо копировать значения')
    .val(data.from);
}

https://jsfiddle.net/k7stn10b/

Контекст потеряли. Делайте так:

setTimeout(() => location.href = this.href, 400);

Или так:

setTimeout(function() {
  location.href = this.href;
}.bind(this), 400);

Или так:

setTimeout(function(href) {
  location.href = href;
}, 400, this.href);

Потому что обработчик клика не вызывается. А не вызывается он потому, что прицепить вы его попытались к несуществующему элементу - изначально у .wrap нет класса done, так что результат вызова $('.wrap.done') окажется пустым.

Можно вешать делегированный обработчик:

$(document).on('click', '.wrap.done', function() {
  $('.form, .wrap').removeClass('done');
});

Или, немного подумав, можно сообразить, что в отсутствие класса done элемент .wrap не виден, кликать некуда, так что неважно, есть класс или нет - можно цеплять обработчик клика просто к .wrap.

Это всё отлично разруливается через css:

.one:hover + .two,
.two:hover {
  /* показываем элемент .two */

UPD. Вынесено из комментариев:

Вообще класс нужно добавлять.

Да без проблем - подключайте к .two тот же обработчик ховера, что и к .one:

$('.one, .two').hover(function() {
  $('.two').toggleClass('show');
});

Сделаем совсем просто - если новое значение совпало с предыдущим, будем добавлять единицу:

function pasGen(chars, length) {
  let prev = null;
  return Array
    .from({ length }, () => {
      const i = Math.random() * chars.length | 0;
      return chars[prev = (i + (i === prev)) % chars.length];
    })
    .join('');
}

Кому и что надо добавить:

const el = document.querySelector('.fab-button');
const key = 'ripple';
const val = 'true';

Добавляем:

el.dataset[key] = val;

// или

el.setAttribute(`data-${key}`, val);

// или

const attr = document.createAttribute('data-' + key);
attr.value = val;
el.attributes.setNamedItem(attr);

А почему вы решили, что "обновить вид" означает повторную инициализацию таблицы? Бред же. Удаляйте старые данные (метод clear), добавляйте новые (метод add).

Цикл не нужен:

$('.mysubmit').prop('disabled', arr.indexOf(str) !== -1);

UPD. А-а-а, чёрт возьми - у вас поиск слов по тексту, а не проверка соответствия текста одному из слов... Тогда так:

$('.mysubmit').prop('disabled', arr.some(n => str.indexOf(n) !== -1));

<input placeholder="цена, руб.">

$('input').on({
  focus() {
    $(this).val((i, v) => v.replace(', руб.', ''));
  },
  blur() {
    $(this).val((i, v) => v && `${v}, руб.`);
  },
});

Но может лучше будет этот , руб выводить не в input, а в отдельный элемент рядом?

Кто должен отсутствовать и какой класс надо удалить:

const childSelector = 'img';
const className = 'myclass';

Удаляем:

$(`.${className}:not(:has(> ${childSelector}))`).removeClass(className);

или

document.querySelectorAll(`.${className}`).forEach(n => {
  n.classList.toggle(className, !!n.querySelector(`:scope > ${childSelector}`));
});

или

const elems = document.getElementsByClassName(className);
for (let i = elems.length; i--;) {
  if (!Array.prototype.some.call(elems[i].children, n => n.matches(childSelector))) {
    elems[i].classList.remove(className);
  }
}

Не работает потому, что вы ничего не загружаете - вы пытаетесь прочитать файл в обработчике onload. Естественно, что ничего не происходит. Делайте так:

reader.onload = function(e) {
  console.log(this.result);
};
reader.readAsText(file);