jQuery-UI：可調整大小 - 如何增加可拖動邊緣的大小？

Question

我正在使用jQuery-UI的可調整大小的邊來增加表格的高度。我想知道如何創建一個可以拖動的較厚的底部邊框？增加桌子周圍的邊界並沒有什麼區別。

Answer 1

通過調用$(...).resize()，您可以將任何子元素設置爲句柄。 Take a look at this example：

$("#resizeDiv").resizable({handles: {'s': '#handle'}}); 

它使得在底部邊緣調整爲#resizeDiv，分配#handle元件作爲活性拖動區域。

Answer 2

http://jsfiddle.net/89v9U/1/

您將需要一個新的圖像尺寸調整處理，但繼承人的東西，你可以用，它只是CSS工作！

Answer 3

您可以通過更改了CSS的實現是：

CSS^{類出現在jQuery UI的樣式表}

/* handle on the bottom */ 
.ui-resizable-s { 
    height: 15px; 
} 

/* handle on the right */ 
.ui-resizable-e { 
    width: 15px; 
} 
/* handle icon (corner) */ 
.ui-resizable-se { 
    width: 15px; 
    height: 15px; 
} 

在此Fiddle Example你可以看到它在行動！

注：

你並不真的需要改變了jQuery UI樣式表什麼，列入jQuery UI的樣式表後，剛剛宣佈這一消息的CSS值！