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

我曾经使用过一些jQuery UI可排序插件，但我总是发现同样的问题，我无法在可排序的div中选择或单击，因此，也许我可以通过放置一个图标来找到解决方案，您可以从该图标拖动div，这样您就可以选择其他部分

---

如何做到这一点？

在您的每个可排序项目中，包括您想要的任何内容作为句柄。（即，一个

img

或一个样式化的

span

）给句柄元素一个类名-

handle

可能是一个不错的选择

在可排序构造函数中，将

handle

选择器设置为已赋予句柄的类

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

---

我还建议您将handle元素的样式设置为

.handle{cursor:move；}

，这样用户就可以通过抓取它来移动项目。

谢谢您的回答！我用一个div容器作为把手，但它不起作用！跨度容器工作得很好。