無法從兩個圖像構建幫手

我在處有一個小提琴，我試圖創建一個幫助器，它由拖動的原始拇指和顯示用戶提示的圖像組成。它努力工作，但它有兩個問題：無法從兩個圖像構建幫手

合併幫手被拖（newHelper）開始了在newHelper DIV放下了，即使我嘗試設置newHelper偏移到e.clientX點擊的/e.clientY。我希望助手從拇指開始。
在我放下幫手後，畫廊div中的原始拇指不見了，並且拖動已斷開，因此我無法拖動第二個圖像。

我建newHelper與

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

有誰看到我在做什麼錯？

感謝

來源

2013-06-21 Steve

對於buildHelper功能按預期方式工作，它必須返回你想拖+ #newHelper的克隆原始元素的副本。我認爲這個問題有更好的解決方案，但是對於你的例子來說，這會起作用;

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

您可以查看這方面的一個例子：http://jsfiddle.net/Rusln/EXQhx/

來源

2013-06-21 12:48:27 rusln

http://api.jqueryui.com/draggable/#option-helper – rusln

當你定義一個函數jQueryUI的對待任何輔助屬性，它是作爲「克隆」對象從該函數返回。但是一旦你的小部件完成了它，「克隆」對象將被刪除。因此，在原始示例中，＃newHelper會消失，因爲jQueryUI假定它只是一個臨時幫助程序對象而不再需要。這就是爲什麼你必須克隆它。更好的解決方案是[工具提示]（http://jqueryui.com/tooltip/），而不是圖片。祝你好運！ – rusln

工具提示只能應用於被拖動的東西，因爲畫廊中的大拇指已經有一個大的tootip：「雙擊進行裁剪，在右上角刪除。」我可以對被拖動的內容應用單獨的工具提示嗎？另外，當您懸停時，會出現齒尖。我們在這裏拖着。謝謝。 – Steve

無法從兩個圖像構建幫手

回答

相關問題