如何使用jquery动态获取拖动克隆图像的大小

Question

当我在可放置区域上拖动图像时，我想知道所选图像的大小。 Here我做了一些代码。但每次只给出第一个拖动的图片大小。任何人都可以帮助解决这个问题吗？

在其他一些讨论中，讨论了关于克隆拖动图像的实际图像大小。 只获取第一张图片的ID。不是其他人。

Answer 1

看看这个：http://jsfiddle.net/T6nn5/21/

我改变了

var imgWidth = $("#dhtmlgoodies_xpPane li .draggable").width();
var imgHeight = $("#dhtmlgoodies_xpPane li .draggable").height();
alert("width: "+ imgWidth +"Height: "+imgHeight);

为：

alert("Width: "+ui.draggable.width() + " Height: "+ui.draggable.height());

编辑：

将此添加到您的js代码中以获取在#working-area中单击的图像的尺寸。注意添加正确的类名; - ）

$('#working-area .myclass').live('click', function(event) {
        alert("Width: "+$(this).width() + " Height: "+$(this).height());
    });

编辑2：

要获取被拖动元素的位置，请尝试以下操作：

$('#working-area .myclass').live('mouseup', function(event) {
         alert(event.pageX);
});

这是http://jsfiddle.net/T6nn5/22/的完整示例。