Измените текст «clone» элемента draggable элемента HTML5 при перетаскивании

Question

Я пытаюсь установить текст клонирования элемента HTML5 draggable (тот, который появляется, когда вы начинаете перетаскивать и продолжает до конца перетаскивания), чтобы что-то другое, чем его текстовый узел при его перетаскивании.

Рассмотрим следующий пример: http://jsfiddle.net/dwpLzuh5/

Я пробовал (с помощью других примеров в Интернете, как вдохновение), чтобы установить данные/текст через event.originalEvent.dataTransfer.setData() в надежде изменить «клонированные» элемент текста «перетаскивания» но ничего не происходит.

Я делаю что-то неправильно или это просто невозможно?

Answer 1

Я немного изменил ваш jsfiddle, чтобы заставить его работать, проверьте его. Я только что отправил $ (this) в функцию. делайте то же самое, но наоборот, чтобы вернуть текст в исходное состояние.

function startTheDrag(e){ 
    console.log('dragging'); 

    e.text("dragging"); 
}; 

$(".draggable").on('dragstart', function(){ 
    startTheDrag($(this)); 
}); 

http://jsfiddle.net/dwpLzuh5/1/