jQueryUI可排序，显示帮助工具提示

Question

所以我有两个div，每个都包含可排序的元素但是一旦我开始拖动它应该只显示一个基本的工具提示而不是完整的可排序元素（原始元素应该保持可见，因为它被放入新列表）。

我似乎无法在网上找到一个例子，任何帮助都会很好！

Answer 1

您可以使用helper选项设置要显示的自定义元素。

  

允许使用辅助元素拖动显示。多   支持的类型：

     

  
• 字符串：如果设置为＆＃34; clone＆＃34;，则将克隆该元素并拖动克隆。
  
• 功能：在拖动时返回要使用的DOMElement的函数。
  

旁注：开始排序时，元素设置为隐藏。通过将处理程序附加到start事件，我重新显示它..

代码：

$("#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/