jQuery를 사용하여 드래그 가능하고 크기를 조정할 수있는 텍스트 상자/텍스트 영역이 가능합니까?

드래그를 사용할 수는 있지만 크기 조정이 협조적이지 않습니다. (동작은 텍스트 상자 또는 텍스트 영역을 사용하여 분명합니다.) jQuery 1.3.2 및 jQuery UI 1.7.2를 사용하고 있습니다.jQuery를 사용하여 드래그 가능하고 크기를 조정할 수있는 텍스트 상자/텍스트 영역이 가능합니까?

<HTML> 
<HEAD> 
    <TITLE>Drag/Resize TextBox Workbench</TITLE> 
    <script src="js/jquery.js" type="text/javascript" ></script> 
    <script src="js/ui/ui.core.js" type="text/javascript"></script> 
    <script src="js/ui/ui.draggable.js" type="text/javascript"></script> 
    <script src="js/ui/ui.resizable.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
$(document).ready(function() { 
    $("#ta1").resizable({ cancel: '' }); 
    $("#ta1").draggable({ cancel: '' }); 
}); 
     </script> 
    </HEAD> 
    <BODY> 
     <form> 
      <input type='text' class='property' id='tb1' /> 
      <textarea id='ta1' class='property'>Hello</textarea> 
     </form> 
    </BODY> 
</HTML>

출처

2009-11-11 Danno

기본 동작 : –

[jQuery를 텍스트 영역 크기 조정 (http://plugins.jquery.com/project/TextAreaResizer) 플러그인 –

당신이 <div> 다른 블록 수준 태그 나에 <textarea>을 포장하고 대신에 드래그을 시도 유무 :

여기 내 시도인가? 크롬

출처

2009-11-11 19:53:32 mjangda

여전히하지만, 그것은 크기 조정 제작에 도움이되지 것입니다. –

두 요소를 개별 범위로 묶었으며 둘 다 이제 작동하는 것처럼 보입니다. 크기를 조정하고 드래그 할 수 있습니다. – Danno

jQuery를 사용하여 드래그 가능하고 크기를 조정할 수있는 텍스트 상자/텍스트 영역이 가능합니까?

답변

관련 문제