jquery - Jquery のサイズ変更可能なヘルプ

Question

次のコードが機能しないのはなぜですか?

http://jsfiddle.net/zfY9S/

ありがとう..

Answer 1

jQueryUI スタイルシートを含めてみてください。または、次の CSS クラスを定義することで回避できる場合があります。

.ui-resizable-handle {
    display: block;
    font-size: 0.1px;
    position: absolute;
    z-index: 99999;
}
.ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%;
}
.ui-resizable {
    position: relative;
}
.ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px;
}
.ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%;
}
.ui-resizable-se {
    bottom: 1px;
    cursor: se-resize;
    height: 12px;
    right: 1px;
    width: 12px;
}

更新された例: http://jsfiddle.net/PUBrS/

Answer 2

リソースを追加 -> UI を追加

http://jsfiddle.net/5tQAd/