如何在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您正在应用的功能通过以下方式调用:

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

这意味着this指的是.draggable你想要的那个函数,例如:

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

你可以在这里测试一下.