jquery dom resizable draggable проблема сдерживания

Question

Почему jquery resizable() не изменяет размер до полной ширины и высоты назначенного ему идентификатора сдерживания. Вы можете попробовать его на http://jsfiddle.net/C8YSU/6/ и посмотреть, что я имею в виду. Попробуйте изменить размер созданного div, он не будет изменять размер до полной ширины и высоты на родительском #container div. Это, по-видимому, вызвано функцией draggable().

Answer 1

Добавление относительного положения к #container DIV зафиксировал проблему.

Answer 2

Это проблема с добавлением перетаскиваемого в него.

Попробуйте этот пример. Удалены перетаскиваемые, но добавлены ручки.

http://jsfiddle.net/C8YSU/7/

Answer 3

<script type="text/javascript"> 
     $("button").click(function() { 
      var elm = $('<div id="divId" class="adiv abs"></div>'); 
      elm.appendTo('#container').resizable({ 
       containment: "parent" 
      }); 
     }); 
    </script> 

Update

<script> 
     $("button").click(function() { 
      var elm = $('<div id="divId" class="adiv abs"></div>'); 
      elm.appendTo('#container').draggable({ 
       snap: true, 
       containment: 'parent' 
      }).resizable({ 
       maxWidth: 300, 
       maxHeight: 300 
      }); 
     }); 

</script>