如何使用jquery拖動textarea和輸入

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: '' 
});