jquery , sortable, 안에 텍스트는 드래그 가능하게. bootstrap sortable inner text dragable
https://jqueryui.com/sortable/
Sortable | jQuery UI
Sortable Reorder elements in a list or grid using the mouse. Enable a group of DOM elements to be sortable. Click on and drag an element to a new spot within the list, and the other items will adjust to fit. By default, sortable items share draggable prope
jqueryui.com
Sortable w/ Selectable Text :
https://stackoverflow.com/questions/4070749/sortable-w-selectable-text
Sortable w/ Selectable Text
Is it possible to be able to have sortable elements, but still allow users to copy/paste the text inside the elements? <div class="sortable"> <div class="pseudo-sortable">Foo</di...
stackoverflow.com
What about putting your text in a <span>?
HTML
<ul id="sortable">
<li><span>Item 1</span></li>
<li><span>Item 2</span></li>
<li><span>Item 3</span></li>
<li><span>Item 4</span></li>
<li><span>Item 5</span></li>
<li><span>Item 6</span></li>
<li><span>Item 7</span></li>
</ul>
jQuery
$("#sortable").sortable({
revert: true,
cancel: "#sortable li span"
});
Try it here: http://jsfiddle.net/6uXx8/
'프로그래밍 > Script' 카테고리의 다른 글
| [javascript] Object.assign() (0) | 2022.01.18 |
|---|---|
| [javascript] window.onload vs $(document).ready() (0) | 2022.01.13 |
| 자바스크립트로 현재시간 timestamp 구하기 (0) | 2022.01.12 |
| [jQuery] modal, 전체화면, Mask (0) | 2022.01.11 |
| 제이쿼리(jQuery)를 아직도 사용하나요? - 제이쿼리의 현재와 미래 (0) | 2021.11.16 |