jQuery UI Touch Punch - Touch Event Support for jQuery UI

jQuery UI をタッチイベントに対応させるライブラリ「jQuery UI Touch Punch」
jquery と jquery ui の後に読み込んで、<script>$('#widget').draggable();</script> のようにコードを書くと、ドラッグ＆ドロップやリサイズ、ソート、オートコンプリート等の機能がiPhone, Android, iPadでも問題なく使えるようになるそう。
jQuery UI ベースのサイトでスマートデバイスに簡単に対応できるということでなかなか素晴らしい。



タッチイベントでドラッグ＆ドロップ。PCでも勿論動作。


リストのソートなんかも可能



jQuery UI を使ったサイトでもレスポンシブに組んで、このライブラリを使えば比較的簡単にスマホ対応ができそうですね

関連エントリ

• 綺麗なUIのサイトがサクサク組めるTwitter Bootstrapを使ったjQuery UIテーマ「jQuery UI Bootstrap」
• これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」