jQuery UIのdraggableをスマホのスワイプで動作させたい

jQuery UIは誰でも簡単にOSのような操作性をWEBで表現できる優れたライブラリです。

画像や要素のクリックによる選択、ドラッグアンドドロップ、拡大縮小、並び替え、などが美しく行えます。

WEBアプリを作る際に利用することが多いのですが、一つだけ欠点があります。

それはスマートフォンに対応していないということ。

スマホやタブレットのスワイプやタップに対応していないのです。

しかし以下のライブラリを使うことで対応することが出来ます。

jquery-ui-touch-punch

使い方は簡単、適当に読みこむだけです。

<script src="_assets/js/jquery.min.js"></script>
<script src="_assets/js/jquery-ui.min.js"></script>
<script src="_assets/js/jquery.ui.touch-punch.min.js"></script>

僕なんかはjquery-ui.min.jsにコピペで組み込んで使っています。

あわせて読みたい

コメントを残す