jquery - テーブル内のjqueryのサイズ変更可能な包含

Question

サイズを変更したい Div を含むテーブルがあります。この div のコンテナ要素を設定する方法を知る必要があります。

テーブルの周りに div を作成してコンテナーとして機能させることで、この問題を解決しようとしましたが、 resizable() ではコンテンツのサイズを変更できません。

動作するコンテナの作り方を教えてもらえますか?

私は現在試したことの例でフィドルを作成しました: http://jsfiddle.net/XTPZ8/

$(".resizable-div").resizable({
        handles:'e, w',
        containment:".containment-div"
    });

.containment-div {
    position: absolute;
    width: 303px;
    height: 200px;
    border: 1px solid red;
}

.resizable-div {
    position: absolute;
    width: 40px;
    height: 30px;
    border: 1px solid green;
}​

Answer 1

ハンドル e,w をこれに変更

$(".resizable-div").resizable({ ハンドル: "n,s,ne,se,nw,sw", 包含:".containment-div" });

Answer 2

containmentをに変更parent

    $(".resizable-div").resizable({
        handles:'e, w',
        containment:"parent"
    });

デモ http://jsfiddle.net/XTPZ8/1/

テーブルの親に設定すると、サイズ変更によってセルがオーバーフローし、セルが拡張されます。残念ながら、これは通常のテーブルの動作です。