我有这个小代码来拖动和放大放下图片:
$("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。有什么想法吗?
提前致谢。
答案 0 :(得分:2)
试试这段代码:
***
$('#mybox').droppable({
drop: function (event, ui ) {
$(this).append('<div style="float:left;"><img src="'+ ui.draggable.attr('src') +'"></div>');
}
});
***