JQuery DOM Problema de contención de arrastre restizable

Question

¿Por qué JQuery Risizable () no cambia el tamaño del ancho y la altura de la ID de contención asignada a él? Puedes probarlo en http://jsfiddle.net/c8ysu/6/ Y mira lo que quiero decir. Intente cambiar el tamaño del DIV creado, no cambiará el tamaño a un ancho y altura total en el padre #Container Div. Esto parece ser causado por el draggable() función.

Answer 1

Agregar una posición relativa al #Container Div solucionó el problema.

Answer 2

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

Actualizar

<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>

Answer 3

Es un problema al agregar draggable a él.

Prueba este ejemplo. Eliminado arrastrable, pero agregó manijas.

http://jsfiddle.net/c8ysu/7/