MiLKySHADe

最近のコメント

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

    by · 公開済み · 更新済み

    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にコピペで組み込んで使っています。

    おすすめ

    コメントを残す