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. scrollama.js

    JavaScript

    スクロールイベントを実装できるモダンで軽量なJSライブラリ「scrollama.js」

    scrollama.jsは、スクロールイベントを実装することができるモ…

  2. Vertical Fixed Navigation #2
  3. photowall

    JavaScript

    Google画像検索のようにサムネイル画像をクリックするとスライド表示されるjQueryプラグイン「…

    Google画像検索のようなアニメーションを実装することができるjQu…

  4. Sticker.js

    JavaScript

    ペラッとめくるようなエフェクトが素敵なJSライブラリ「Sticker.js」

    画像や要素をペラッとめくるようなエフェクトを実装できるJSライブラリ「…

  5. JavaScript

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラグイン「mlens」

    虫メガネのようにマウスを置いた所を拡大することができるjQueryプラ…

  6. Ace Responsive Menu

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP