jQuery-UI：サイズ変更可能 - ドラッグ可能なエッジのサイズを増やす方法

Question

jQuery-UIのサイズ変更可能なエッジを使用してテーブルの高さを増やしています。私はどのようにドラッグすることができます厚い下の境界線を作成するのだろうか？テーブル周りの境界線を増やしても差はありません。

Answer 1

$(...).resize()を呼び出すと、任意の子要素をハンドルとして設定できます。 Take a look at this example：

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

これはアクティブドラッグ領域として#handle要素を割り当てる、下端に#resizeDivためにリサイズ可能にします。

Answer 2

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

あなたはリサイズハンドラの新しいイメージを必要としますが、HERESに何かが、あなたは、そのわずかCSSで動作することができます！

Answer 3

あなたはCSSのビットを変更することにより、それを達成することができます：あなたがアクションでそれを見ることができるこのFiddle Exampleでの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; 
} 

上^{クラス存在}

CSSを！

注：

あなたは本当にただのjQuery UIスタイルシートを含める後のニュースCSSの値を宣言し、jQueryのUIスタイルシートの上に何も変更する必要はありません！