Я могу заставить работать, но изменение размера не работает. (Поведение очевидно при использовании текстового поля или текстовой области.) Я использую jQuery 1.3.2 и jQuery UI 1.7.2.
Вот моя попытка:
<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>