jQueryUI可排序，顯示幫助工具提示

Question

所以我有兩個div，每個都包含可排序元素，但是一旦我開始拖動它時，應該只顯示基本工具提示而不是完整的可排序元素（原始元素應保持可見，新名單）。

我似乎無法在網上找到一個例子，任何幫助將是不錯的！

Answer 1

您可以使用helper選項設置要顯示的自定義元素。

允許使用助手元素來拖動顯示。多個 支持的類型：

• 字符串：如果設置爲「克隆」，那麼該元素將被克隆，並且該克隆將被拖動。
• 功能：將返回DOMElement以在拖動時使用的功能。

備註：當你開始排序時，元素被設置爲隱藏。通過處理程序安裝到啓動事件我重新顯示它..

代碼：

$("#sortable_nav").sortable({ 
    helper: function() { 
     return $("<div class='custom'>I'm a custom tooltip</div>"); 
    }, 
    start: function (event, ui) { 
     $(ui.item).show(); 
    } 
}); 

簡單的演示：http://jsfiddle.net/IrvinDominin/RpZ7G/