jQuery UI可调整大小显示在textarea下面的处理程序

Question

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

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

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

Answer 1

您可以尝试添加此css：

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

Demo Fiddle here

Answer 2

您可以在CSS中执行此操作，

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

OR

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

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