У меня есть div 'a slide; apos; элемент внутри другого div'а 'box' родительский контейнер и применил JQuery Draggable к дочернему элементу. Во время перетаскивания элемента я изменяю размер родительского контейнера, иногда сжимая, иногда увеличивая его.

Проблема заключается в том, что JQuery не отвечает на это изменение размера и по-прежнему содержит перетаскиваемый элемент в исходных измерениях родительского элемента, а не в пределах его текущего размера, до появления мышки - в следующем сеансе перетаскивания будут использоваться новые измерения (пока он не изменится снова ).

Чтобы попытаться решить эту проблему, я надеялся вызвать событие mouseup, а затем событие mousedown, чтобы JQuery использовал новый размер контейнера:

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

Однако это исключение ...

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

... в этой строке кода JQuery:

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

Кто-нибудь знает, как я могу: а) заставить Draggable реагировать в реальном времени на изменения в родительских измерениях, или б) вызвать драгстоп, а затем плавно драгандировать?

Благодарю.