jquery изменяемые размеры ручек - они должны работать?

Question

Хорошо, я немного растерялся.В документации по jQuery UI говорится, что при изменении размера я могу иметь видимые маркеры, которые, как я понимаю, являются видимыми значками / картинками (правильно ли я понимаю?)

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

Таким образом, у меня должны быть маркеры по всему моему объекту, если я укажу 'all'?Если это так, похоже, это не работает - у меня есть только что-то видимое в углу 'se'.

Теперь, глядя на исходный код изменяемого размера jQuery UI , кажется, что это единственныйкак это работает:

if ('se' == handle) {
   axis.addClass('ui-icon ui-icon-gripsmall-diagonal-se');
};

Я что-то упустил?Могу ли я создать их самостоятельно?

Answer 1

Этот код говорит виджету, что надо только настроить красивую иконку для дескриптора SE, если они генерируются автоматически. На самом деле он по-прежнему создает дескрипторы в виде небольшого невидимого поля в каждом углу, которое можно перетаскивать, просто без каких-либо значков (набор значков в пользовательском интерфейсе jQuery на самом деле не имеет других аналогичных ручек).

Обратитесь к документации API , чтобы узнать, как прикрепить их к вашим собственным объектам DOM, которые вы можете легко настроить. Быстрый пример:

$('#targetToMakeResizable').resizable({handles : { ne : ".jquerySelectorForNEHandle", sw: ".jquerySelectorForSWHandle" }, aspectRatio : true});

Кроме того, вы можете просто переопределить базовый CSS для .ui-resizable-handle.ui-resizable- {direction} с вашими собственными настройками.

Вот jsfiddle , чтобы продемонстрировать оба метода. Обратите внимание, что поворот значка таким образом, как я сделал, вероятно, не будет работать в каждом браузере.