Amigo Sorter Plugin

JavaScript

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

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

Amigo Sorter Plugin

デモ

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

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

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

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

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

Amigo Sorter Plugin

jQuery contextMenu plugin & polyfillカスタマイズしたコンテキストメニューを実装できる「jQuery contextMenu plugin & polyfill」前のページ

依存関係のないタグ付け機能を実装できる「taggle.js」次のページno-image

関連記事

  1. Shuffle Images

    JavaScript

    画像をシャッフルすることができるjQueryプラグイン「Shuffle Images」

    Shuffle ImagesというjQueryプラグインを使えば、画像…

  2. ARIA TOOLTIP

    JavaScript

    WAI ARIAを活用したユーザーフレンドリーなツールチップ実装「ARIA TOOLTIP」

    ARIA TOOLTIPはWAI ARIAを活用したユーザーフレンドリ…

  3. JavaScript

    サイドからスライド開閉するレスポンシブメニューのjQueryプラグイン「Material Menu」…

    Material Menuはサイドからスライド開閉するレスポンシブ対応…

  4. JavaScript

    jQueryプラグインのレスポンシブなカルーセルのスライダー「Elastislide」を使ってみた

    jQueryプラグインで画面のサイズによってレイアウトを合わせてくれる…

  5. stacky

    JavaScript

    スライドダウン・スライドアップしてコンテンツを整理できるjQueryプラグイン「stacky」

    stackyというjQueryプラグインを使えばコンテンツをスライドダ…

最近の記事

  1. 梅
  2. CAR-HLD12BK
  3. OWL-LPB6701LA

アーカイブ

PAGE TOP