jQuery UI可调整大小显示文本区下方的处理程序

Question

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

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

这是基本语法。但resize处理程序出现在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');