如何使jQuery UI可排序div仅从图标拖动？

Question

我已经使用了一些jQuery UI可排序的插件,但我总是发现同样的问题,我无法在可排序的DIV中选择或点击,所以,也许我可以通过放置一个图标来找到解决方案,你只能拖动div所以你可以选择其他部分.

怎么做？

Answer 1

在每个可排序的项目中,包括您想要的任何内容.(IE,一个img或一个样式span.)给句柄元素一个类名 - handle可能是一个不错的选择.

在可排序的构造函数中,将handle选择器设置为您为句柄指定的类.

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

我还建议给你的句柄元素一个样式,.handle { cursor:move; }以便用户有一些迹象表明抓住它会让他们移动项目.