如何使jQuery UI sortable div仅能从图标拖动？

Question

16

我曾使用过一些jQuery UI sortable插件，但总是发现同样的问题，无法在可排序的DIV内部选择或单击。因此，也许通过添加一个仅用于拖动DIV的图标来解决该问题，这样您就可以选择其他部分。

如何做到这一点？

- CodeOverload

2个回答

3

可拖动的手柄。请点击此处了解更多信息。

- wombleton

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- josh3736 · Accepted Answer

在每个可排序的项目中，包括您想要作为句柄的任何内容。（例如，img或带样式的span。）给句柄元素一个类名 - handle可能是一个不错的选择。

在可排序构造函数中，将handle选择器设置为您已经赋予句柄的类名。

$('#div').sortable({
    handle: '.handle',
    cursor: 'move',
    ...
});

我建议为您的手柄元素添加样式.handle { cursor:move; }，这样用户就会知道抓住它可以移动该项。