RTW

В браузере можешь кэш побобовать сбросить или у тебя вообще отключена в нём загрузка, так медиа работает

Не совсем понятная разметка, ну можешь использовать dataset исходя из поставленного вопроса
https://developer.mozilla.org/ru/docs/Web/Guide/HT...

Нет вообще, @media правило прописываешь в CSS
Через jquery можно, но это костыль будет

Можно попробовать <template> это позволит рендерить элементы в том порядке, котором надо
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Либо еще вариант поместить в script с кастомным типом, браузеры игнорируют нестандартные типы скриптов
<script id="template" type="text/x-template">
и потом получить и апенд

var template = $('#template').html();
 $('#target').append(template);

Тач евенты просто прописываешь, на старт начинаешь тянуть, на мув определяется координаты на поверхности, на энд где отпустили поверхность.
https://developer.mozilla.org/en-US/docs/Web/API/T...

https://javascript30.com/