Mam element div 'slide' w innym kontenerze nadrzędnym div 'box' i zastosowałem JQuery Draggable dla dziecka. Podczas przeciągania elementu zmieniam rozmiar kontenera nadrzędnego, czasem się kurczy, czasami powiększając.

Problem polega na tym, że JQuery nie reaguje na zmianę rozmiaru i nadal zawiera przeciągany element w oryginalnych wymiarach rodzica, a nie w jego bieżącym rozmiarze, aż do momentu kliknięcia myszą - następna sesja przeciągania użyje nowych wymiarów (dopóki nie zmieni się ponownie ).

Aby spróbować rozwiązać ten problem, miałem nadzieję wywołać zdarzenie mouseup, po którym nastąpiło zdarzenie mousedown, dzięki czemu JQuery użyje nowego rozmiaru kontenera:

<code>$('.slide').draggable({ axis: "x", containment: 'parent',
                    drag: function (e, ui) {
                        resizeContainer();

                        if (outsideContainer()){

                        // Try to stop and restart dragging
                            $(this).trigger('mouseup');
                            $(this).trigger('mousedown');
                        }
                    }
</code>

Jednak powoduje to wyjątek ...

<code>Unable to get value of the property '0': object is null or undefined
</code>

... w tej linii kodu JQuery:

<code>this.helper[0].style.left=this.position.left+"px";
</code>

Ktoś wie, jak mogę a) uzyskać możliwość przeciągania, aby reagować w czasie rzeczywistym na zmianę wymiarów rodzica lub b) wywołać przeciąganie, a następnie płynnie przeciągać?

Dzięki.