jquery可调整浮动元素的大小。

Question

当您在右边浮动一个元素时，然后使用jQuery UI的可调整大小的小部件使其从左侧边缘调整大小，奇怪的事情就会开始发生。

我把这些放在一起：

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

如果你调整“侧边栏”的大小，你会立即看到我在说什么。

我在这里做错什么了？

我更愿意保留浮点数:右边，这样左边的列就能处理好它自己了。

Answer 1

工作演示： 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);
        }
    });
});

Explanation: jQuery Resizable: doubling the resize width