可调整大小且可拖动的jQuery溢出

大家好，我有一个网站，我上传了一个在一个div的Ajax图像，这个图像可以调整大小和拖动。 问题是，如果我调整它的大小，工作，如果我拖动它似乎有一个溢出：隐藏，因为我拖动左图像消失后，其限制。 我已经看到了html代码，并且有

ui-wrapper style="overflow:hidden..."

如果我在样式表中输入：

.ui-wrapper { 
    overflow:visible !important;
}

拖动可以工作，但现在无法调整大小！！！ 我怎样才能解决它

代码如下：

.ui-wrapper { 
    overflow:visible !important;
}

$(document).ready(function(){

    var options = { 
        beforeSubmit: showRequest, 
        success:    showResponse
    }; 

    $('#upload-form').ajaxForm(options);
});

function showResponse(responseText){
    var id = 'image-resize_'+n_img_created;
    n_img_created++;
    $('<img class="draggable" id="'+id+'" '+responseText+'/>').appendTo("#space-drawable-div").resizable({
            maxWidth: 212,
            maxHeight: 220,
            start: function( event, ui ) {
                console.log('start resizable');
            },
            stop: function( event, ui ) {
                console.log('stop resizable');
            }
        }).draggable({ containment: $('#space-drawable-div')});
}

.ui包装器{
溢出：可见！重要；
}
$（文档）.ready（函数（）{
变量选项={
提交前：showRequest，
成功：showResponse
}; 
$（“#上传表单”）.ajaxForm（选项）；
});
函数showResponse（responseText）{
变量id='image-resize'+n\u img\u已创建；
n_img_创建++；
$（“”）.appendTo（“#空格可绘制div”）。可调整大小({
最大宽度：212，
最大高度：220，
开始：功能（事件、用户界面）{
log（'start resizeable'）；
},
停止：功能（事件、用户界面）{
log（'stop resizeble'）；
}
}).draggable（{containment:$（'#space draawable div'））}）；
}

将图像包装在一个div中。然后使该div可调整大小并可拖动。要允许调整图像大小，请继续并使用“AlStoreSize”选项： $（“.divSelector”）。可调整大小（{alsoResize:#imageSelector}）

---

如果不这样做，jQuery UI Resizeable会用一个div（这是不可见的部分）来包装图像。

将图像包装成div。然后使该div可调整大小并可拖动。要允许调整图像大小，请继续并使用“AlStoreSize”选项： $（“.divSelector”）。可调整大小（{alsoResize:#imageSelector}）

如果不这样做，jQueryUIResizeble将用div（不可见的部分）包装图像