使用jQuery是否可以使用可拖动且可调整大小的文本框/文本区域?

时间:2009-11-11 19:46:53

标签: javascript jquery jquery-ui

我可以让拖拽工作,但调整大小不合作。 (使用文本框或文本区域的行为很明显。)我正在使用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>

1 个答案:

答案 0 :(得分:1)

您是否尝试将<textarea>包裹在<div>或其他块级广告代码中并将其设为可拖动?