Amigo Sorter Plugin

JavaScript

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

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

Amigo Sorter Plugin

デモ

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

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

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

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

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

Amigo Sorter Plugin

関連記事

  1. Impulse Slider

    JavaScript

    3Dスライダーを実装できるjQueryプラグイン「Impulse Slider」

    Impulse SliderというjQueryプラグインを使えば3Dス…

  2. LC Micro Slider
  3. curtains.js

    JavaScript

    カーテンがヒラヒラ動くようなテクスチャ面を実装できる「curtains.js」

    curtains.jsはカーテンがヒラヒラと波打つ動きのようなテクスチ…

  4. Bara-Bones-Slider

    JavaScript

    優れたカスタマイズ性を有するjQueryスライダー「Bara-Bones-Slider」

    Bara-Bones-Sliderは、優れたカスタマイズ性を有するイメ…

  5. Stepper.js

    JavaScript

    数値を手軽にアップ・ダウンできるステッパーを実装できる「Stepper.js」

    Stepper.jsは数値入力ボックスでの数値を手軽にアップ・ダウンで…

  6. FSVS(Full Screen Vertical Scroller)

最近の記事

  1. Olli
  2. 単語帳メーカー(Flashcard Maker App)
  3. 1Password 7
  4. 風に揺れる草

Facebookページ

PAGE TOP