要素のドラッグ&ドロップを可能にするZeptoのプラグイン・HTML5 Drag & Swap Zepto Plugin

Ads

D&Dを可能にするZeptoのプラグインのご紹介。スマフォ向けに開発されたjQuery互換のライブラリ、Zeptoをコアとしてドラッグ&ドロップを実装するスクリプトです。

Zeptoはスマフォ向けに開発されたjQuery互換のスクリプトです。スマフォではPCサイトではjQueryが必要なシーンもCSSのみで実現出来たりするので、コンテンツ次第ではZeptoを使った方がエコなケースもありますね。

HTML5 Drag & Swap Zepto Plugin


ZeptoでD&Dを実現。プラグインも2Kbと軽量です。

コード

	<script src="zepto.min.js"></script>
	<script src="zepto.dragswap.js"></script>

Zepto本体とプラグインを読み込みます。

$('.foo').dragswap();

初期化。あとはオプションを書けばいいだけです。

Zeptoに関しては日本語ドキュメントもありますのでご興味のある方はチェックされてみては如何でしょう。

HTML5 Drag & Swap Zepto Plugin