Как перетащить текстовое поле и входы с помощью jquery

Question

Я использую jQuery UI draggable для перетаскивания элементов, но он не работает на textarea и входы, поскольку они сфокусированы всякий раз, когда я нажимаю на них. Вот проблема 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> 

JS

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