按钮不能通过jQuery UI draggable()制作draggables

时间:2013-08-03 17:52:36

标签: jquery-ui button jquery-ui-draggable

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

  

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

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

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

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

type="button"

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

1 个答案:

答案 0 :(得分:45)

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

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

jsfiddle

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