jquery-ui - 2 つのイメージからヘルパーを構築できません

Question

http://jsfiddle.net/k8XCP/1/にフィドルがあり、ドラッグされている元の親指とユーザーにヒントを示す画像で構成されるヘルパーを作成しようとしています。動作しようとしていますが、2 つの問題があります。

newHelper オフセットをクリックの e.clientX/e.clientY に設定しようとしても、ドラッグされる結合されたヘルパー (newHelper) は、newHelper div が配置された場所から開始します。ヘルパーは親指の位置から始めてほしいです。
ヘルパーをドロップした後、ギャラリー div の元のつまみがなくなり、ドラッグが壊れて 2 番目の画像をドラッグできなくなりました。

newHelper をビルドします

 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());
}

1 に答える 1