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

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

Пояснение:jQuery Resizable: doubling the resize width