Как остановить свойство изменяемого размера элемента в jQuery UI

Question

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

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

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

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

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

Спасибо.

Answer 1

Путем отключения

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

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

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

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

---

Уничтожив

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

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

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

Answer 2

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

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

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

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