可調整大小和可拖動的jQuery溢出

Question

大家好我有一個網站，我在一個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')}); 
} 

Answer 1

裹在一個div圖像。然後使該div可調整大小和可拖動。要允許調整圖像大小，請繼續並使用「alsoResize」選項： $（「.divSelector」）.resizable（{alsoResize：「#imageSelector」}）;

會發生什麼情況是，如果您不這樣做，jQuery UI可調整大小會將您的圖像與div（這是不可見的部分）包裹起來。