jquery dom изменяемый размер

Question

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

Answer 1

Добавление относительной позиции в #container div решило проблему.

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>

Обновление

<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

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

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

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