jquery ui resizable - Überlappung verhindern

Question

Ich habe mehrere divs mit absoluter Positionierung auf einer Seite, alle mit der gleichen Klasse. Gibt es eine Möglichkeit, die Größenänderung jedes der divs zu beschränken, so dass sie keine der anderen divs der gleichen Klasse überlappen?

Answer 1

Sie können das resize-Ereignis von jQuery-ui resizable verwenden. Berechnen Sie, ob Ihr Element die oberen/linken Positionen eines anderen Elements überschreiten soll und verhindern Sie dies, indem Sie die maxWidth auf die aktuelle Breite setzen.

Quelle: Prevent jQuery UI resizable element from covering another element?