Jak dostosować helper za pomocą przeciągania w jQuery-UI

Question

Chcę utworzyć niestandardowy element z tekstem pobranym z elementu "przeciągany" przy użyciu funkcji pomocnika. Mój problem polega na tym, że ui jest niezdefiniowane, więc nie wiem, jak zdobyć źródło oporu.

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

Answer 1

helper funkcja starasz is invoked the following way:

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

Oznacza to, że this odnosi się do .draggable chcesz wewnątrz tej funkcji, na przykład:

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

You can test it out here.