言語を学ぶ

jQuery UIでつくる ドラッグ&ドロップリスト

jQuery UIでつくる ドラッグ&ドロップリスト

チャプター:5

このチャプターでは jQueryの拡張ライブラリ(機能群)である「jQueryUI」を使用して、ドラッグ & ドロップで操作ができるリストを作成します。

1.HTML構造をつくる

このチャプターでは レイアウト全体の骨組みとなるHTML構造を作成していきます。

32P

2.リストを装飾する

このチャプターでは 「リスト項目」を囲む要素となるリストをCSSで装飾していきます。

36P

3.リスト項目を装飾する

このチャプターではリスト内にある各リスト項目をCSSで装飾していきます。

40P

4.リスト項目を動かせるようにする

このチャプターでは実際にjQueryとjQuery UIを使用して リスト項目を動かせるようにします。

34P

5.「プレースホルダ」の装飾

「プレースホルダ」とは、直訳すると「場所をとっておくもの」の意味です。sortableメソッドにおけるプレースホルダは、ドラッグ移動中の項目のドロップ先の場所を指します。このチャプターでは、プレースホルダを指定し、その装飾を行います。

34P