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

Question

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

我已经把这个一起：

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

如果调整“侧边栏”，你会看到什么马上我说的。

我在这里做错了什么？

我宁愿保留float：right，所以左列自己照顾自己。

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; 
     } 
    }); 
}); 

OR

$(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: doubling the resize width