有什么好的 JS 库可以用来调整大小？

发布于 2024-07-27 19:48:06 字数 188 浏览 2 评论 0原文

我想让一个文本区域可调整大小。我尝试了 jQuery UI 的“可调整大小”功能，但是，尽管我很喜欢 jQuery，但可调整大小的功能还没有完全实现。我希望文本区域仅通过底部中心的手柄调整高度大小。 jQuery 只允许您调整高度大小，但显然不允许您将句柄放置在右下角以外的任何位置，无论文档如何说。

有谁知道此功能的替代库？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

允世 2024-08-03 19:48:06

你确定吗？ handles 选项对我来说效果很好。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="css/ui-lightness/jquery-ui-1.7.2.custom.css"
          rel="stylesheet" type="text/css">
</head>
<body>
    <div id="welcome" class="ui-widget-content">Hello, world!</div>
    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $("#welcome").resizable({ handles: "n, s" });
        });
    </script>
</body>
</html>

您可以设置 ui-res定大小-handle、ui-res定大小-s 和 ui-res定大小-n 类的样式。

Are you sure about this? The handles option worked fine for me.

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="css/ui-lightness/jquery-ui-1.7.2.custom.css"
          rel="stylesheet" type="text/css">
</head>
<body>
    <div id="welcome" class="ui-widget-content">Hello, world!</div>
    <script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="js/jquery-ui-1.7.2.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function() {
            $("#welcome").resizable({ handles: "n, s" });
        });
    </script>
</body>
</html>

You can style the ui-resizable-handle, ui-resizable-s, and ui-resizable-n classes.

回复收藏 0 原文