получить Src от Draggable IMG

Question

У меня есть маленький код для перетаскивания изображений:

$("img").draggable({
    revert: true,
    opacity: 0.7,
    cursor: "move",
    cursorAt: {
        cursor: "crosshair",
        top: -5,
        left: -5
    }
});

$('#mybox').droppable({
    drop: function () {
        $(this).append('<div style="float:left;"><img src="http://dummyimage.com/42x40/000/fff.jpg"></div>');
    }
});

Идея такова: когда я перетаскиваю изображение, вместо того, чтобы показывать фиктивное изображение, показываю само изображение, но как я могу получить SRC из изображения с помощью перетаскивания. Любая идея?

Заранее спасибо.

Answer 1

Попробуйте этот код:

***
$('#mybox').droppable({
    drop: function (event, ui ) {
        $(this).append('<div style="float:left;"><img src="'+ ui.draggable.attr('src') +'"></div>');
    }
});
***