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のイメージギャラリー「Heap Shot」

    とても素敵な画像の見せ方だったのでご紹介します。jQueryプラグイン…

  2. Responsive Parallax Drag-slider With Transparent Letters
  3. Flipster

    JavaScript

    レスポンシブ対応のシンプルなカルーセルを実装できるjQueryプラグイン「Flipster」

    レスポンシブにも対応しているシンプルなカルーセルを実装できるjQuer…

  4. jsPanel3

    JavaScript

    多機能なフローティングパネルを実装できるjQueryプラグイン「jsPanel3」

    jsPanel3は、高度で多機能なフローティングパネル(ウィンドウ)を…

  5. JavaScript

    色んなメニューやコンテンツをモーダルウィンドウで実装できるjQueryプラグイン「Pop Easy」…

    お洒落で可愛らしいjQueryプラグインを見つけたのでご紹介します。ロ…

  6. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP