Изменяемый размер пользовательского интерфейса jQuery: автоматическая высота при использовании только восточной ручки

Попробуйте установить соотношение сторон И свойство handles:

    $( "#resizable" ).resizable({
        aspectRatio: 16 / 9,
                    handles: 'e'
    });

Вышеупомянутое создаст контейнер, который автоматически изменит размер до соотношения сторон 16/9, только с ручкой на восточной стороне контейнера.

Вот описание с сайта документации по адресу http://jqueryui.com/demos/resizable/#option-containment:

Если указано в виде строки, это должен быть список с разделителями-запятыми любого из следующего: 'n, e, s, w, ne, se, sw, nw, all'. Необходимые дескрипторы будут автоматически сгенерированы плагином.

Если указано как объект, поддерживаются следующие ключи: { n, e, s, w, ne, se, sw, nw }. Значение любого указанного должно быть селектором jQuery, соответствующим дочернему элементу изменяемого размера для использования в качестве этого дескриптора. Если дескриптор не является дочерним элементом изменяемого размера, вы можете напрямую передать DOMElement или допустимый объект jQuery.

Примеры кода

Инициализируйте изменяемый размер с указанной опцией handles.

$( ".selector" ).resizable({ handles: 'n, e, s, w' });

Получите или установите параметр handles после инициализации.

//getter
var handles = $( ".selector" ).resizable( "option", "handles" );
//setter
$( ".selector" ).resizable( "option", "handles", 'n, e, s, w' );