javascript - 使用 jQuery 可以实现可拖动且可调整大小的文本框/文本区域吗?

标签 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>

最佳答案

您是否尝试过包装 <textarea><div>或另一个 block 级标签并使其可拖动?

关于javascript - 使用 jQuery 可以实现可拖动且可调整大小的文本框/文本区域吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1717589/

相关文章:

javascript - Angular Material : layout-fill not filling parent <div>

javascript - 从表单提交中提取 ID 的更好方法 Javascript/Django

jquery - 使用 jQuery 自动完成,显示结果时,如何从特定值开始?

javascript - 如何在 jQuery Datepicker ui 中阻止多个日期范围

javascript - 在 JavaScript 函数中间暂停

javascript - 无法加载资源:net::ERR_CONNECTION_RESET Node js 服务器

javascript - 需要 RegExpr 建议 - 从字符串中删除除数字 (0-9) 和 "/"之外的所有字符

javascript - 如何通过现有数组标签明智地收集/制作新数组?

javascript - jQuery 中触发更改问题

javascript - 如何用JS设置占位符