Jquery UI 可排序，按钮不能用作句柄

Question

我正在尝试在表格中对

tr's

进行排序。

代码

$("table tbody").sortable({
    handle: 'button'
    //handle: 'img'
}).disableSelection();

现场小提琴

现在的问题是使用

img

来处理它的工作正常

但是当使用

button

作为句柄时，它不起作用

我为我的 ans 检查了许多 jquery ui 可排序问题，但没有帮助

任何人都可以解释为什么会发生这种情况

提前谢谢

Answer 1

cancel

选项默认为

:input,button

，这与您的手柄设置冲突。 只需将其设置为空字符串就可以了。

$("table tbody").sortable({ 
    handle: 'button',
    cancel: ''
})

http://jsfiddle.net/22C2n/705/

Answer 2

按钮不能用作手柄。相反，使用 Span 或 Div，给它按钮样式，并将其用作手柄。

原因： Ui 可排序功能因按钮功能而变得混乱。要么必须单击或拖动，所以它不起作用。