Как динамически получить размер перетаскиваемого изображения клона с помощью jquery

Question

Когда я перетаскиваю изображение в область сброса, я хочу знать выбранный размер изображения. Здесь Я сделал некоторый код. Но каждый раз, когда он дает только первый размер перетаскиваемого изображения. Кто-нибудь может помочь решить эту проблему?

В некоторых других обсуждениях обсуждается реальный размер изображения, а не изображение перетаскивания клона. получить только идентификатор первого изображения. не остальные.

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());

EDIT:

Добавьте это к своему 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/ полный пример.