jQuery UI 라이브러리를 사용하여 요소를 드래그하고 정렬합니다. 잘 작동하지만 입력 영역 (예 : 텍스트 영역)을 드래그 할 수 없습니다. 이 텍스트 영역은 사용할 수 없으므로 쓸 수 있어야합니다. 나는 약간의 주위를 봤 거든 내가이 문제가있는 유일한 사람이 아니라 것으로 나타났습니다. 거기에 대한 몇 가지 세미 솔루션이지만 그들은 모두 그것이 날짜입니다 보인다. (jQuery는 빠르게 발전합니다).jQuery 드래그 가능한 정렬 가능한 입력 요소
2
A
답변
0
이 작동합니다 :
HTML :
<div class="sortable-wrapper">
<ul id="sortable-list">
<div class="ui-state-default">
<textarea></textarea>
</div>
</ul>
</div>
jQuery를 :
$("#sortable-list").sortable();
$("#sortable-list").disableSelection();
0
당신은 내가 당신을 도울 수있을 것입니다 경우에 나를 위해 몇 가지 코드를 제공해야합니다.
(참고 : 텍스트 영역을 잡는 동안 항목을 드래그하려는 경우 선택을 켜고 끄기 위해 일부 스위치를 구현해야합니다. 내부를 클릭하여 항상 텍스트 영역을 편집 할 수있는 다른 방법을 제안합니다. 잡으려고 핸들을 사용합니다.)
<ul>
및 <li>
을 포함하는 <ul>
및 <ol>
인 jQuery 정렬 식은 목록과 함께 작동합니다. 종종 이런 문제는 잘못된 html로 인해 발생합니다.
<ul class="my-items">
<li><textarea></textarea></li>
<li><textarea></textarea></li>
<li><textarea></textarea></li>
<li><textarea></textarea></li>
</ul>
jQuery를
$(".my-items").sortable();
당신이 목록 항목 내에서 텍스트 선택을 비활성화 좋아하는 모든 텍스트 요소에 그것을 할 경우. 텍스트 영역이 아닙니다. p, span, div에 텍스트를 줄 바꿈하고 해당 요소에 대해서만 disableSelection()을 호출하십시오.
스크립트 문제를 해결하기 전에 html의 유효성을 검사하는 것이 좋습니다. 나는 http://validator.w3.org/ 서비스를 선호합니다.
관련 문제
- 1. 드래그 가능한 구성 요소?
- 2. 은 드래그 가능한 + 정렬 가능한 및 스크롤 div를
- 3. 불규칙한 jQuery 드래그 가능한 동작
- 4. jQuery 드래그 가능한 영역 (안쪽으로 드래그)
- 5. jQuery를 UI 드래그 가능한, 낙하 할과 정렬 가능한
- 6. jQuery : draggable을 정렬 가능으로 연결하십시오. 드래그 가능한 항목이 정렬 가능한 목록과 다른 DOM을 가지고 있습니다.
- 7. 드래그 가능한 드래그 취소 취소
- 8. , 드래그 가능한 낙하 할 및 정렬
- 9. jQuery 드래그 가능한 텍스트 선택 버그
- 10. jQuery UI : 객체 삭제 중 정렬 및 드래그 가능한 동작
- 11. JQuery 정렬 가능한 중첩 문제
- 12. jQuery : 정렬 가능한 중첩 목록?
- 13. jQuery UI 재생 가능 (좀비) 드래그 가능한 요소
- 14. 동일한 치수가없는 JQuery 정렬 가능한 그리드 기능
- 15. Gridview에서 드래그 가능한 행 asp.net
- 16. 드래그 가능한 사각형을 그립니다.
- 17. jQuery의 드래그 가능한 플러그인
- 18. 드래그 가능한 '텍스트'커서 사파리
- 19. 드래그 가능한 WinForm 문제
- 20. jQuery UI 드래그 가능한 스냅 눈금자
- 21. jQuery-UI 드래그 가능한 스택 및 핸들
- 22. jQuery UI : 드래그 가능한 요소의 포함이 버그입니다.
- 23. jQuery 더블 클릭으로 드래그 가능한 재설정 위치
- 24. jquery 드래그 가능한 객체 취소 또는 재설정
- 25. jQuery 드래그 가능한 고정 마우스 포인터
- 26. IFrame 내부의 jQuery 드래그 가능한 핸들러
- 27. jQuery 예기치 않은 정렬 가능한 동작
- 28. 그것의 드래그/(ui.sortable) 나는 이와 같은 정렬 가능한 목록이
- 29. 에는 jquery 코드 예가 필요합니다. 정렬 가능한 목록을 iframe에있는 다른 정렬 가능한 목록에 연결합니다.
- 30. jQueryUI - 세로 스크롤 막대가있는 드래그 가능한 요소 (스팬) 동작
흠, 나는 이상한 것을 발견했습니다. 내가 말했듯이, 나는 textarea를 비활성화했지만, 아직 이것을하지 않고 다음과 같이 추가하면 $ ("# aaa"). draggable ({cancel : null}); ... 그것은 끌다 – Lahey
그것은 독립적 인 드래그 ... – Lahey