为什么jQuery draggable（）不能在表单上工作

Question

<form action="">
    <input type="button" value="testing" >
</form>

$('form').draggable();

在http://jsfiddle.net/HQBrw/

检查jsfiddle

Answer 1

它在这里工作：

定义表单的height和width，并使用jQuery UI 1.8.16

请参阅DEMO

Answer 2

我会在div中放一个表单并拖动div而不是形式：

DEMO

Answer 3

默认情况下输入（和按钮）is disabled from draggable（并可排序）。您可以通过将cancel设置为其他内容来禁用此行为：

<form action="">
    <input type="button" value="testing" >
</form>
$('form').draggable({cancel:''});

请参阅演示：http://jsfiddle.net/soderlind/xbBNb/

副作用是，您将无法点击按钮：/