Przenoszenie JQuery - brak nakładania się

Question

czy można powiedzieć "przeciągalne elementy div -> no overlap"?

Myślę, że głównym problemem jest pozycja: bezwzględna; ... dobrze?

rodzaj reagards Peter

Answer 1

Nie ma wbudowaną funkcję wykrywania kolizji w jQuery UI draggable, chyba że jesteś faktycznie po czymś sortowania. Najbliższą rzeczą, która jest wbudowana w to, co chcesz, jest pseudonim sortable, which looks like this.

Skrócona wersja to wykrywanie kolizji z każdym przeciągniętym elementem, nie jest trywialne pod względem wydajności (w zależności od liczby elementów), więc zostało pominięte w bibliotece, ponieważ jest bardzo rzadkim żądaniem. Możesz jednak samemu obliczyć kolizje wewnątrz draggable's drag event, jeśli naprawdę potrzebujesz wykrywania kolizji.

Answer 2

Możesz spróbować jquery-collision plus jquery-ui-draggable-collision. Pełne ujawnienie: Właśnie napisałem i wypuściłem je na sourceforge.

Pierwszy pozwala na to:

var hit_list = $("#collider").collision(".obstacle"); 

który lista wszystkich ".obstacle", które pokrywają "#collider".

Drugi pozwala na:

$("#collider").draggable({ obstacle: ".obstacle" }); 

co daje (między innymi), jest "kolizja" zdarzenie wiąże się z:

$("#collider").bind("collision", function(event,ui){...}); 

I można nawet ustawić:

$("#collider").draggable({ obstacle: ".obstacle", preventCollision: true }); 

, aby zapobiec "nakładaniu się" #collidera na jakikolwiek ".obstacle" podczas przeciągania.