Javascript 对具有重叠透明边框的可排序图像进行排序，并处理不起作用的图像

我有一堆图像，周围有大面积的透明度（边距）。我试图在“可排序”中使用它们，但这使得拖动正确的图像很麻烦，因为它们都重叠，并且它们的边距会导致拖动错误的图像

不幸的是，透明区域无法裁剪

因此，我尝试在每个图像的中心创建一个薄的“控制柄”条，但控制柄根本没有拖动图像

$(".item").sortable({
    handle: ".handle"
});

---

我做错了什么？

使用可排序函数时，必须将其应用到“周围容器”，如

或

所以你需要做的就是用另一个音包围你的三个音，例如

在jQuery调用中，您需要如下调整：

$("#srt").sortable({
    handle: ".handle"
});

查看已更正的小提琴：