Drag & Drop Sortable Lists with JavaScript and CSS
Update 4/26: tested and working as expected in IE6, Firefox 1.0, and Safari 1.3, unless otherwise noted. In Web applications I've seen numerous — and personally implemented a few — ways to rearrange items in a list. All of those were indirect interactions typically involving something like up/down arrows next to each item. The most heinous require server roundtrips for each modification...boo. T
Draggables and droppables demo - Interface plugin for jQuery
Folder 1 Subfolder 1 1 Subfolder 1 2 Folder 2 Subfolder 2 1 Subfolder 2 2
エレメントã®ã‚½ãƒ¼ãƒˆå‡¦ç†ã‚’指定ã™ã‚‹
æ›¸å¼ Sortable.create(element, option) element : ページ上ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆ option : 以下ã®ã‚ªãƒ—ションを指定å¯èƒ½ã€çœç•¥å¯èƒ½ã€‘ tag : ソート対象タグå only : 指定ã•ã‚ŒãŸã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒé©ç”¨ã•ã‚ŒãŸé …ç›®ã®ã¿ã‚½ãƒ¼ãƒˆå¯¾è±¡ overlap : æ–¹å‘（horizontalã¾ãŸã¯vertical） constraint : 移動方å‘制é™ï¼ˆhorizontal : æ°´å¹³ã®ã¿ã€vertical : åž‚ç›´ã®ã¿ï¼‰ containment : handle : ãƒãƒ³ãƒ‰ãƒ«ï¼ˆã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆåを指定） hoverclass : é‡ãªã£ãŸå ´åˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚¯ãƒ©ã‚¹å ghosting : ドラッグå‰ã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’表示ã—ãŸã¾ã¾ã«ã™ã‚‹ã‹ã©ã†ã‹ï¼ˆtrue : ã™ã‚‹ã€false : ã—ãªã„） dropOnEmpty : scroll : scrollSensitivity :
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}