JQuery Draggable AND Resizable

function makeResourceDrag(arrIndexID) {

    $('#imgA' + arrIndexID).resizable();

    $('#imgA' + arrIndexID).draggable({
        start: function(event, ui) {
            isDraggingMedia = true;
        },
        stop: function(event, ui) {
            isDraggingMedia = false;

            // Set new x and y
            resourceData[arrIndexID][4] = Math.round($('#imgA' + arrIndexID).position().left / currentScale);
            resourceData[arrIndexID][5] = Math.round($('#imgA' + arrIndexID).position().top / currentScale);

        }
    });

}

Это отлично работает, если строка с изменяемым размером удалена, но я хочу, чтобы эти изображения были с возможностью перетаскивания и изменения размера, я получаю забавное поведение, если пытаюсь сделать один и тот же элемент имеющим оба атрибута. Кто-нибудь знает, как это сделать?

Спасибо!