jQuery可拖动输入元素
问题描述：
我正在尝试使用jQuery UI使表单元素可拖动.例如，按钮，复选框，文本字段等.到目前为止，我还没有运气.你有什么想法可以做到这一点吗?
I am trying to make form elements draggable using jQuery UI. For example, buttons, checkboxes, textfields, etc. So far I have had no luck. Do you have any ideas how to accomplish this?
答
也许晚了3年，但您可以调度事件并使用以下代码片段来获得预期的行为:
Maybe 3 years too late but you could dispatch event and use following snippet for a more expected behaviour:
$(".draggable").draggable({
start: function (event, ui) {
$(this).data('preventBehaviour', true);
}
});
$(".draggable").find(":input").on('mousedown', function (e) {
var mdown = new MouseEvent("mousedown", {
screenX: e.screenX,
screenY: e.screenY,
clientX: e.clientX,
clientY: e.clientY,
view: window
});
$(this).closest('.draggable')[0].dispatchEvent(mdown);
}).on('click', function (e) {
var $draggable = $(this).closest('.draggable');
if ($draggable.data("preventBehaviour")) {
e.preventDefault();
$draggable.data("preventBehaviour", false)
}
});