从draggable img获取src

时间:2011-05-29 22:25:32

标签: jquery drag-and-drop

我有这个小代码来拖动和放大放下图片:

$("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。有什么想法吗?

提前致谢。

1 个答案:

答案 0 :(得分:2)

试试这段代码:

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