Amigo Sorter Plugin

JavaScript

タッチ対応で直感的に並べ替えできるjQueryプラグイン「Amigo Sorter Plugin」

Amigo Sorter Pluginは、タッチ対応で直感的にリスト項目を並べ替えすることができるjQueryプラグインです。タッチやドラッグで簡単にソートできるので、ユーザーにとってはとても便利な機能ですね。

Amigo Sorter Plugin

デモ

デモページでは、いくつかの親要素の下にネストされた項目がいろいろ並んでいます。この子リストをタッチやドラッグすることで上下好きな位置に移動させることが可能です。

また、親要素をタッチやドラッグすることで、子リストを含む親要素ごと移動させることもできます。

使い方やマークアップもシンプルなので、手軽に実装できるのがいいですね。

そのほか、コールバック関数もいくつか用意されています。主なコールバック関数は、onTouchStart、onTouchMove、onTouchEndです。タッチ開始時、タッチ移動時、タッチ終了時に、任意のアクションを発生させたい場合に役立つ機能です。

PCだけではなく、タッチに対応しているのでスマホやタブレットなど、さまざまなデバイスから快適に並べ替えできるので、とても実用性の高いプラグインになります。

Amigo Sorter Plugin

関連記事

  1. JavaScript

    シンプルでカスタマイズも簡単にできるjQueryプラグイン「Twitter Follow Box W…

    とてもシンプルでカスタマイズもしやすいjQueryプラグイン「Twit…

  2. Product Builder

    JavaScript

    カスタマイズ性に優れたオンラインストアに役立つ「Product Builder」

    Product Builderは、カスタマイズ性に優れたオンラインスト…

  3. jQuery toTop()

    JavaScript

    シンプル・軽量でカスタマイズもできる滑らかなスクロール「jQuery toTop()」

    jQuery toTop()はトップへ行くための滑らかなスクロールを実…

  4. TextTailor.js

    JavaScript

    コンテナ内のフォントサイズを自動リサイズしてくれるjQueryプラグイン「TextTailor.js…

    TextTailor.jsはブラウザ幅に合わせてコンテナ内のテキストの…

  5. JavaScript

    jQueryで好きな要素を浮遊させることができるプラグイン「jqFloat」を使ってみた

    指定した要素をフワフワと浮遊させることができる面白いプラグインを使って…

  6. Section Scroller

    JavaScript

    セクションごとに自動でスクロールしてくれるボタン実装「Section Scroller」

    Section Scrollerは、セクションごとにスムーズにスクロー…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP