无法从两个图像构建帮助程序

Question

我在http://jsfiddle.net/k8XCP/1/有一个小提琴，我正在尝试创建一个帮助器，其中包括被拖动的原始拇指以及向用户显示提示的图像。它试图工作，但它有两个问题：

1. 即使我尝试将newHelper偏移设置为点击的e.clientX / e.clientY，拖动的组合助手（newHelper）也会从newHelper div的布局开始。我希望助手从拇指开始。

2. 删除助手后，图库div中的原始拇指消失了，拖动已经破坏，因此我无法拖动第二张图像。

我使用

构建newHelper

 function buildHelper (){  
         $(this).prependTo('#newHelper'); // this keyword is the thumb
         return $('#newHelper');
 } 

有谁看到我做错了什么？

由于

Answer 1

要使 buildHelper 函数按预期工作，它必须返回要拖动+ cloneHelper的原始元素的克隆。 我认为这个问题有更好的解决方案，但是对于你的例子，这将有效;

function buildHelper() {
    return $("#newHelper").clone().append($(this).clone());
}

您可以查看以下示例：http://jsfiddle.net/Rusln/EXQhx/