Изменение размера jquery плавающего элемента. - PullRequest
Новая
       14

Изменение размера jquery плавающего элемента.

4 голосов
/ 25 марта 2012

Когда вы перемещаете элемент вправо, а затем с помощью изменяемого виджета пользовательского интерфейса jQuery изменяете его размер с левого края, начинают происходить странные вещи.

Я собрал это вместе:

http://jsfiddle.net/nicholasstephan/kCduV/2/

Если вы измените размер «боковой панели», вы сразу увидите, о чем я говорю.

Что я здесь не так делаю?

Я бы предпочел оставить поплавок: вправо, чтобы левый столбец позаботился о себе.

1 Ответ

4 голосов
/ 25 марта 2012

Рабочая демоверсия: http://jsfiddle.net/kCduV/10/ и другое решение: http://jsfiddle.net/kCduV/12/

jQuery код: 

$(function() {
    // $('.resizable').resizable({'handles': 'w'});
    $('.resizable').resizable({
        handles: 'e,w',
        resize: function (event,ui) {
            ui.position.left = ui.originalPosition.left;
            ui.size.width = (ui.size.width
                - ui.originalSize.width )*2
                + ui.originalSize.width;
        }
     });
});

ИЛИ 

$(function() {
    // $('.resizable').resizable({'handles': 'w'});
    $('.resizable').resizable({
        handles:'e,w',
        resize: function (event,ui) {
            ui.position.left = ui.originalPosition.left;
            ui.size.width += (ui.size.width - ui.originalSize.width);
        }
    });
});

Объяснение: jQuery Resizable: удвоение ширины изменения размера

...