JQuery sürüklenebilir - Üst üste binme yok

Question

"sürüklenebilir div'ler -> çakışma yok" demek mümkün mü?

Sanırım ana sorun şu şekilde: mutlak; ... sağ?

tür reagards Peter sıralama gibi bir şeyden sonra aslında olmadıkça jQuery UI draggable çarpışma algılama için yerleşik bir işlevi yoktur

Answer 1

. İstediğiniz şey için yerleşik olan en yakın şey, sortable's plceholder, which looks like this.

Kısa sürüm, her sürüklenen öğe ile çarpışma algılaması performans açısından (öğe sayısına bağlı olarak) önemsizdir, bu nedenle çok nadir bir istek olduğundan kitaplıktan çıkarılır. Çarpışma tespitine gerçekten ihtiyacınız varsa, çarpışmaları draggable's drag event içinde kendiniz hesaplayabilirsiniz.

Answer 2

jquery-collision artı jquery-ui-draggable-collision deneyebilirsiniz. Tam açıklama: Sadece bunları kaynak kodunda yazdım ve yayınladım.

öncelikle bu izin verir:

"#collider" örtüşen tüm ".obstacle" listesidir

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

. bağlanma (diğer şeyler arasında) verir

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

, bir "çarpışma" olayı:

ikinci verir

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

Ve hatta ayarlayabilirsiniz:

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

"#collider" öğesini sürüklerken herhangi bir ".obstacle" ile örtüşmesini önlemek için

.