Как остановить свойство resizable элемента в jQuery UI

Я использую библиотеку пользовательского интерфейса jQuery, чтобы предоставить некоторые функции пользовательского интерфейса для элементов DOM.

У меня есть div, который можно изменить, когда клиент выбирает параметр настраиваемого измерения, но у меня также есть другой режим, который изменяет размер div с фиксированными размерами, и клиент не может изменять размер div.

Мой код "пользовательских измерений" похож на этот:

$("#element").resizable ({
    aspectRatio: 4/3,
    minWidth: 320,
    minHeight: 240,
    maxWidth: 640,
    maxHeight: 480
});

Но теперь мне нужно остановить событие изменения размера. Как я могу это сделать?

Спасибо.

Ответ 1

Отключив

Плагин предоставляет метод "отключить", который вы можете вызвать следующим образом:

$("#element").resizable('disable');

Проблема заключается в том, что он добавляет класс "ui-state-disabled" к изменяемому размеру элементу, предоставляя ему визуальное состояние. Если вы этого не хотите, вы переопределяете стиль или удаляете добавленный класс следующим образом:

$("#element").resizable('disable').removeClass('ui-state-disabled');

Уничтожив

Другой способ сделать это - "уничтожить" плагин из этого элемента, если вы не хотите его изменять:

$("#element").resizable('destroy');

Затем вы можете повторно применить свой изменяемый размер, если вы хотите снова включить эффект снова

Ответ 2

Вызвать destroy или disable методы, например:

$("#element").resizable('disable');

Если вы используете disable, вы можете снова использовать enable, но действие по умолчанию также уменьшает элемент, который вы немного может не хотеть.

Полностью бесплатные демо-версии: включить/отключить | уничтожить/воссоздать