jQuery изменяемый размер плагина, чтобы изменить размер только высоту - PullRequest
Новая
       4

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

1 голос
/ 03 декабря 2010

Как сделать так, чтобы опция alsoResize работала только для высоты, но не для ширины и высоты?

Ответы [ 3 ]

1 голос
/ 03 декабря 2010

На самом деле, если вы установите ограничение maxWidth, мы не сможем изменить ширину больше, чем она.

Например, 

$( ".selector" ).resizable({ maxWidth: 250 }); //For initialzation

не позволит изменять размер болееШирина 250px

Если вы проверите это демо http://jqueryui.com/demos/resizable/#max-min,, вы заметите, что изменение ширины ограничено точкой.

Так что в вашем случае установите начальную ширину.selector и maxWidth одинаковы и все готово.

Для получения дополнительной информации перейдите на http://jqueryui.com/demos/resizable/#option-maxWidth

0 голосов
/ 03 декабря 2010

Просто перейдите к коду плагина и введите следующее:

if (this.className == 'YOUR_ELEM_CLASS_OR_ID_NAME_HERE') css = ['height'];

сразу после этого: 

_alsoResize = function (exp, c) {
            $(exp).each(function() {
                var el = $(this), start = $(this).data("resizable-alsoresize"), style = {}, 
                    css = c && c.length ? c : el.parents(ui.originalElement[0]).length ? ['width', 'height'] : ['width', 'height', 'top', 'left'];
0 голосов
/ 03 декабря 2010

Я предполагаю, что размер базового элемента, размер которого можно изменить, можно изменить как по оси x, так и по оси y.При использовании параметра tooResize те же изменения будут применены к соответствующим элементам.Я предложил вам не использовать опцию Кроме того, но используйте обработчики событий изменения размера, чтобы применить изменения вручную.

...