jquery를 사용하여 텍스트 영역과 입력을 드래그하는 방법

Question

요소를 드래그하는 데 나는 jQuery UI draggable을 사용하고 있지만 클릭 할 때마다 포커스가있는 텍스트 영역과 입력에서는 작동하지 않습니다. 문제의 JSbin Demo입니다.

HTML

<textarea class="movable" placeholder="I am textarea. Try to move me"></textarea> 
<h2></h2> 
<div class="movable">I am a DIV. Try to move me</div> 

JS

$('.movable').draggable(); 

나는 나를 위해이 작업을 수행 할 수 있습니다 draggable 방법 몇 가지 매개 변수를 놓치고 생각합니다.

Answer 1

마치 내가 인터넷 검색 후이 문제에 대한 해결책을 찾은 것처럼 보입니다. 다른 사람들을 돕기 위해 여기에 게시하십시오. 두 단계가 필요합니다 :

1. jQuery Draggable는 입력을 선택 텍스트 영역, 버튼 요소를 드래그하지 않습니다.
2. 이것을 무시하기 위해, 드래그 방법이 여기 { cancel: '' }

이다 working JSBin Demo

HTML

<textarea class="movable" placeholder="I am textarea. Try to move me"></textarea> 
<h2></h2> 
<div class="movable">I am a DIV. Try to move me</div> 

을

$('.movable').draggable({ 
    cancel: '' 
}); 

JS 합격