jQuery可拖透明PNGs可拖的区域被透明的背景所阻碍

Question

我有一堆应用jQuery.draggable()的图片

它们是透明的PNG，因此具有透明的背景。问题是，它们的背景被视为可拖动的区域，因此，如果某个元素位于背景中，则前景元素的透明背景将阻止背景元素被拖动。

这里是问题的 示例

解决这个问题的办法是什么？jQuery是否有任何方法可以自动忽略图像的透明区域，而只将可见区域视为可拖动的句柄？

Answer 1

这是可能的，一个jQuery插件是在不久前实现的。这里是一个演示 (未启用多个子层，仍然有一点问题)。作者演示站点已经关闭，但是代码仍然可以在GitHub上使用。在此基础上构建并实现拖放。