javascript - 具有重叠透明边框的可排序图像，并且处理不起作用

Question

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

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

所以我尝试在每个图像的中心创建一个细“手柄”栏，但手柄根本没有拖动图像。

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

这是一个 JSFiddle 链接

我究竟做错了什么？

Answer 1

使用 sortable 功能时，您必须将其应用到“周围容器”，例如 a<ul>或 a <div>。

所以你需要做的就是让你的小提琴工作是用另一个div包围你的三个div，例如。<div id="srt"> <div>... </div>

在您的 jQuery 调用中，您需要像这样调整它：

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

查看更正的小提琴：http: //jsfiddle.net/BkUvD/16/