CodeInMyHeart
@CodeInMyHeart
SOS

Как пользоваться shopify.js (draggable lib)?

Здравствуйте! Если здесь есть кто то, кто умеет пользоваться библиотекой shopify, нужна помощь. Первый раз устанавливаю, возникают проблемы. Мне нужно, чтобы я мог перетаскивать элемент из 1 списка в 2 других, перемещение внутри списка не нужно. Я почитал, выбрал Collidable, вроде он это делает, его нужно подключать к объекту sortable или как то так. В read.me инструкция:
import { Sortable, Plugins } from '@shopify/draggable';

const sortable = new Sortable(document.querySelectorAll('ul'), {
  draggable: 'li',
  collidables: '.other-list',
  plugins: [Plugins.Collidable]
});

sortable.on('collidable:in', () => console.log('collidable:in'));
sortable.on('collidable:out', () => console.log('collidable:out'));


Но импорт не работает, то ли es6 не поддерживает, то ли ещё что-то, ошибка синтаксиса в итоге. Я подключил sortable.js и collidable.js как скрипты, консоль выдает ошибку, Uncaught TypeError: Sortable is not a constructor
То ли не так подключать надо, то ли ещё что не так. Вобщем, подскажите, че делать надо, настроить не могу(. Заранее спасибо)

Ссылка на инструкцию нужного мне плагина: https://github.com/Shopify/draggable/blob/master/s...
  • Вопрос задан
  • 287 просмотров
Решения вопроса 1
@StockholmSyndrome
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы