如何使用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: '' 
});