jquery-ui - 无法从两个图像构建助手

Question

我在http://jsfiddle.net/k8XCP/1/有一个小提琴，我正在尝试创建一个助手，该助手由被拖动的原始拇指加上一个向用户显示提示的图像组成。它正在尝试工作，但有两个问题：

被拖动的组合助手（newHelper）从放置 newHelper div 的位置开始，即使我尝试将 newHelper 偏移设置为单击的 e.clientX/e.clientY。我希望助手从拇指所在的位置开始。
放下助手后，画廊 div 中的原始拇指消失了，并且拖动已损坏，因此我无法拖动第二张图像。

我用

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

有谁看到我做错了什么？

谢谢

score 1 · Accepted Answer

要使buildHelper函数按预期工作，它必须返回要拖动的原始元素的克隆 + #newHelper 的克隆。我认为这个问题有更好的解决方案，但是对于您的示例，这将起作用；

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

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

1 回答 1