크기 조정 및 드래그 가능한 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를 크기를 조정하고 드래그 할 수있게 만드십시오. 이미지의 크기를 조정하려면 "alsoResize"옵션을 사용하십시오. $ (".divSelector") .resizable ({alsoResize : "#imageSelector"});

jQuery UI에서 크기를 조정할 수없는 경우 div (보이지 않는 부분)로 이미지를 래핑합니다.