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');