如何在jQuery-UI中使用draggable自定义帮助程序

Question

我想创建一个自定义元素，其中包含使用辅助函数从“被拖动”元素中获取的文本。我的问题是ui未定义，所以我不知道如何掌握拖拽的来源。

$('.draggable').draggable({
    helper: function(event, ui) {
        var foo = $('<span style="white-space:nowrap;">DRAG TEST</span>'); 
        return foo;
    }
});

Answer 1

您正在应用的helper功能is invoked the following way：

 $(o.helper.apply(this.element[0], [event]))

这意味着this引用了该函数内的.draggable，例如：

$('.draggable').draggable({
  helper: function(event) {
    return $('<span style="white-space:nowrap;"/>')
            .text($(this).text() + " helper");
  }
});

You can test it out here