我想让一个文本区域可以调整大小。我尝试了jQuery UI的“resizable”功能,但是,尽管我很喜欢jQuery,可调整大小的东西还没有完全实现。我希望文本区域只能通过底部中心的句柄调整高度。jQuery只允许调整高度,但显然不允许你在右下角以外的任何地方放置句柄,不管文档是怎么说的。有人知道这个功能的替代库吗?
laximzn51#
你确定要这么做吗?手柄选项对我来说很好。
<!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-resizable-handle、ui-resizable-s和ui-resizable-n类的样式。
rbl8hiat2#
yui resize允许在任何地方指定句柄
0aydgbwb3#
4umi在这方面做得很好。
3htmauhk4#
我做了一个类似a long time ago的东西。
fiei3ece5#
请记住,Safari和Chrome中的webkit渲染器默认情况下使所有文本区域都可调整大小(使用句柄)。
g6baxovj6#
如果你想调整文本区域的大小,使用autosize.min.js它是一个非常轻量级的库(3kb Aprox)。它将根据输入的内容调整文本区域的大小。参考:Autosize
6条答案
按热度按时间laximzn51#
你确定要这么做吗?手柄选项对我来说很好。
您可以设置ui-resizable-handle、ui-resizable-s和ui-resizable-n类的样式。
rbl8hiat2#
yui resize允许在任何地方指定句柄
0aydgbwb3#
4umi在这方面做得很好。
3htmauhk4#
我做了一个类似a long time ago的东西。
fiei3ece5#
请记住,Safari和Chrome中的webkit渲染器默认情况下使所有文本区域都可调整大小(使用句柄)。
g6baxovj6#
如果你想调整文本区域的大小,使用autosize.min.js它是一个非常轻量级的库(3kb Aprox)。它将根据输入的内容调整文本区域的大小。
参考:Autosize