jQuery UIのdraggableをスマホのスワイプで動作させたい
jQuery UIは誰でも簡単にOSのような操作性をWEBで表現できる優れたライブラリです。
画像や要素のクリックによる選択、ドラッグアンドドロップ、拡大縮小、並び替え、などが美しく行えます。
WEBアプリを作る際に利用することが多いのですが、一つだけ欠点があります。
それはスマートフォンに対応していないということ。
スマホやタブレットのスワイプやタップに対応していないのです。
しかし以下のライブラリを使うことで対応することが出来ます。
使い方は簡単、適当に読みこむだけです。
<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にコピペで組み込んで使っています。
最近のコメント