ライブラリ「Draggablejs」の使い始め方を教えていただきたいです。
そもそも、使い始められてません。
下記ページを参考にコードを書きました。
https://github.com/Shopify/draggable/tree/master/src/Draggable
しかし、
importがあるとブラウザが解釈できない?のかエラー「Unexpected token {」となります。
importをコメントアウトしても、エラー「Draggable is not a constructor」
となってしまいます。
javascript
1//「Unexpected token {」となるため、コメントアウト。 2//import { Draggable } from '@shopify/draggable'; 3const draggable = new Draggable(document.querySelectorAll('ul'), { 4 draggable: 'li' 5}); 6 7draggable.on('drag:start', () => console.log('drag:start')); 8draggable.on('drag:move', () => console.log('drag:move')); 9draggable.on('drag:stop', () => console.log('drag:stop'));
html
1<ul> 2 <li>sample txt</li> 3 <li>sample txt</li> 4</ul> 5<script src="https://cdn.jsdelivr.net/npm/@shopify/draggable@1.0.0-beta.6/lib/draggable.bundle.js"></script>
公式サイト↓
https://shopify.github.io/draggable/
githubページ↓
https://github.com/Shopify/draggable
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。