Javascript 使用jQuery是否可以创建一个可拖动和可调整大小的文本框/文本区域？_Javascript_Jquery_Jquery Ui

Javascript 使用jQuery是否可以创建一个可拖动和可调整大小的文本框/文本区域？

javascript jquery jquery-ui

Javascript 使用jQuery是否可以创建一个可拖动和可调整大小的文本框/文本区域？,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我可以让拖动工作，但大小调整不配合。（使用文本框或文本区域都可以看到这种行为。）我使用的是jQuery1.3.2和jQueryUI1.7.2 以下是我的尝试： <HTML> <HEAD> <TITLE>Drag/Resize TextBox Workbench</TITLE> <script src="js/jquery.js" type="text/javascript" ></script>

我可以让拖动工作，但大小调整不配合。（使用文本框或文本区域都可以看到这种行为。）我使用的是jQuery1.3.2和jQueryUI1.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>


拖动/调整TextBox工作台的大小
$（文档）.ready（函数（）{
$（“#ta1”）。可调整大小（{取消：'}）；
$（“#ta1”）.draggable（{cancel:'}）；
});
你好

您是否尝试过将

包装在一个

或另一个块级标记中并使其可拖动？

您是否尝试过将

包装在一个

或另一个块级标记中并使其可拖动？

但仍然无法帮助其调整大小，尽管如此，我将这两个元素包装在单独的跨度中，它们现在看起来都正常工作了。我可以调整大小并拖动。但这仍然无助于使其可调整大小。我将两个元素包装在单独的跨距中，它们现在似乎都正常工作了。我可以调整大小并拖动。chrome:）插件中的默认行为chrome:）插件中的错误行为