JQuery Dom Resizable Draggable Containment Problem

Question

Warum ist JQuery -Resizable () nicht die Größe und Höhe der ihm zugewiesenen Containment -ID zu ändern? Sie können es versuchen bei http://jsfiddle.net/c8ysu/6/ und sehen, was ich meine. Versuchen Sie, die erstellte DIV zu ändern. Die Größe der Größe und Höhe des übergeordneten #Container Divs nicht in voller Breite und Höhe. Dies scheint durch die verursacht zu werden draggable() Funktion.

Answer 1

Das Hinzufügen einer relativen Position zum #Container Div hat das Problem festgelegt.

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>

Aktualisieren

<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 ist ein Problem beim Hinzufügen von Draggierbar.

Probieren Sie dieses Beispiel aus. Draggier entfernt, fügte aber Griffe hinzu.

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