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/

\n\n

jQuery 代码：

\n\n

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

\n\n

\xe2\x80\x8b\n或

\n\n

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

\n\n

说明： jQuery Resizable：将调整宽度加倍

\n