JavaScript + Ajax 実践サンプル集 (1496本以上) ◇編集して実行可能◇
jQueryを使い倒せ! jQueryでAjaxを実装するための基礎知識と実践サンプルを一挙公開中...
jQueryテンプレート42選!
ホーム
jQuery
jQuery プラグイン
jQuery UI
人気順
カテゴリ
キーワード
クール
新着
ツリー
jQuery PDF
ホット
サイト情報
サイトマップ
★ 新着サンプルトップ50のRSSを購読する
◆ DHTMLサンプル(基礎)のRSSを購読する
◆ DHTMLサンプル(応用)のRSSを購読する
◆ AJAXサンプルのRSSを購読する
◆ その他サンプルのRSSを購読する
◆ BOM(Browser Object Model)のRSSを購読する
◆ DOM(Document Object Model)のRSSを購読する
Draggable + Sortable
説明
補足説明
コード
関連書籍
コメント投稿
このサンプルは、jQuery UIのdraggable()プラグインを利用してアイテムリストに新規アイテムをドラッグして挿入します。 「Drag me down」をドラッグしてItem1-5上に移動すると空白行が挿入されますのでドロップします。すると、ドラッグした新規アイテムが空白行に挿入されます。
このサンプルを編集して試してみる
$('#draggable').draggable({ connectToSortable: '#sortable', helper: 'clone', revert: 'invalid' })
jQuery UI Draggable + Sortable
Drag me down
Item 1
Item 2
Item 3
Item 4
Item 5
コメント・提案の投稿!
名前
メール
件名
本文
送信中です...
ASP.NET 3.5
|
Akio's Blog