드래그 드랍으로 정렬시 드랍 위치 표시 - sortable()[placeholder]
1. placeholder
- 위 매개변수로 드랍되는 곳의 위치를 표시 할 수 있다
2. 예제
<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Title</title> <style> li{ list-style-type: none; } .ph{ border: 1px solid red; } </style></head><ul id="list"> <li id="1">English</li> <li id="2">Math</li> <li id="3">Art</li> <li id="4">Music</li></ul><div id="result"></div><script> $(function(){ $('#list').sortable({ forcePlaceholderSize : true, placeholder : 'ph' }); });</script><textarea><br /></span></b></p><p style="margin-left: 4em;"><b><span style="font-size: 24pt;"><br /></span></b></p><p style="margin-left: 2em;"><b><span style="font-size: 24pt;"><br /></span></b></p>
- forcePlaceholderSize : true
- 위 매개변수를 추가하여 빨간 박스 형태를 만들 수 있다
- 없다면 선만 보임
'Front-End > jQueryUI' 카테고리의 다른 글
| [jQueryUI] 드래그 드랍 지정하기 - draggable(), droppable() (0) | 2017.01.12 |
|---|---|
| [jQueryUI] 드래그로 여러항목 선택 - selectable() (0) | 2017.01.12 |
| [jQueryUI] 드래그 드랍 정렬요소 제한하기 - sortable()[items, cancel] (0) | 2017.01.12 |
| [jQueryUI] 드래그를 이용한 데이터 정렬 - sortable() (0) | 2017.01.12 |
| [jQueryUI] 이미지 크기 드래그로 조절 - resizable() (0) | 2017.01.12 |
리딩리드