Справка по изменяемым размерам 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

Добавить ресурсы -> добавить пользовательский интерфейс

http://jsfiddle.net/5tQAd/