按钮不能通过jQuery UI draggable（）制作draggables

Question

名为jQUery UI draggables的{​​{1}}样本说：

  

在任何DOM元素上启用可拖动功能。

但是我无法让它们适用于Default个元素。

我将button示例修改为如下所示：

我刚将div元素更改为带Default的按钮1：

type="button"

如何使draggables功能在按钮元素上工作？

Answer 1

使用cancel: false似乎对我有用。

    $(function() {
    $( "#draggable" ).draggable({
        cancel: false
    });
});

jsfiddle

我猜没有取消只会触发按钮的默认点击事件，而cancel会阻止默认点击事件。