jquery dom ridimensionabile trascinabili contenimento problema

Question

Perché è ridimensionabile jQuery () non ridimensionamento per tutta la larghezza e l'altezza della id contenimento ad esso assegnato. Si può provare a http://jsfiddle.net/C8YSU/6/ e vedere che cosa voglio dire . Provare a ridimensionare il div creato, non si ridimensiona a piena larghezza e l'altezza sul div genitore #container. Questo sembra essere causato dalla funzione draggable().

Answer 1

Aggiunta di una posizione relativa al div #container risolto il 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>

Aggiorna

<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

Si tratta di un problema con l'aggiunta di draggable ad esso.

Prova questo esempio. trascinabili rimosso, ma ha aggiunto maniglie.

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