如何使用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/一個完整的例子。