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

添加资源 - ＆gt;添加UI

http://jsfiddle.net/5tQAd/