JQuery-UI

Question

'da sürüklenebilir kullanarak yardımcısını nasıl özelleştirebilirim Bir yardımcı işlev kullanarak "sürüklenmekte olan öğe" metninden alınan özel bir öğe oluşturmak istiyorum. Benim sorunum, ui'nin tanımlanmamış olması, bu yüzden sürüklemenin kaynağını nasıl tutacağımı bilmiyorum.

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

Answer 1

Eğer is invoked the following way uyguluyorsanız helper fonksiyonu: this örneğin, o işlev içinde istediğiniz .draggable atıfta demektir

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

:

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

You can test it out here.