jquery ui resizable ein schwebendes Element.

Question

Wenn Sie ein Element nach rechts verschieben, verwenden Sie das veränderbare Widget von jQuery UI, um es vom linken Rand aus in der Größe veränderbar zu machen.

Ich habe dies zusammen:

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

Wenn Sie die „Seitenleiste“ Größe ändern, werden Sie sehen sofort, was ich rede.

Was mache ich hier falsch?

Ich würde es vorziehen, den Schwimmer zu halten: rechts, so dass die linke Spalte von selbst nimmt.

Answer 1

Arbeits Demo:http://jsfiddle.net/kCduV/10/ und eine andere Lösung: http://jsfiddle.net/kCduV/12/

jQuery-Code:

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

ODER

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

Erläuterung:jQuery Resizable: doubling the resize width