Ich habe ein div 'slide'-Element in einem anderen übergeordneten div' box'-Container und habe JQuery Draggable auf das untergeordnete Element angewendet. Während das Objekt gezogen wird, ändere ich die Größe des übergeordneten Containers, verkleinere ihn manchmal und vergrößere ihn manchmal.

Das Problem besteht darin, dass JQuery nicht auf diese Größenänderung reagiert und das gezogene Element weiterhin in den ursprünglichen Dimensionen des übergeordneten Elements und nicht in der aktuellen Größe enthält, bis die Maus nach oben bewegt wird ).

Um dies zu versuchen und zu lösen, hatte ich gehofft, das mouseup-Ereignis gefolgt vom mousedown-Ereignis auszulösen, damit JQuery die neue Containergröße verwendet:

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

Dies wirft jedoch eine Ausnahme ...

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

... in dieser Zeile des JQuery-Codes:

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

Weiß jemand, wie ich entweder a) Draggable in Echtzeit auf die Änderung der übergeordneten Dimensionen reagieren lassen oder b) einen Dragstop auslösen und dann nahtlos ziehen kann?

Vielen Dank.