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