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

时间:2012-11-15 10:59:41

标签: javascript jquery html css

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

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

所以我试图在每个图像的中心创建一个薄的“手柄”条,但手柄根本没有拖动图像。

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

Here is a JSFiddle Link

我做错了什么?

1 个答案:

答案 0 :(得分:1)

使用可排序功能时,您必须将其应用于“<ul><div>等”周围容器“。

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

在你的jQuery调用中你需要像这样调整它:

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

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