jquery - jQuery UI 可调整大小显示处理程序远低于文本区域

Question

我正在尝试使用 jQuery UI 的 resizable 方法来调整 textarea 的大小。我使用的代码是：-

  $(function() {
  $( "#resizable" ).resizable();
  });

这是基本语法。但是调整大小处理程序出现在文本区域下方。你可以在http://jsfiddle.net/cMX4q/1/看到我的输出。任何帮助将不胜感激。

Answer 1

您可以尝试添加此 css：

.ui-resizable-handle {
       position: absolute;
       font-size: 0.1px;
       display: block;
       margin: 15px 5px;
 }

演示小提琴在这里

Answer 2

你可以在 CSS 中做到这一点，

.ui-wrapper { padding-bottom:0; padding-right:0;}

或者

你可以在 jQuery 中得到相同的结果

$( "#resizable" ).resizable().parent().css('padding','0');