JQuery UI,

Question

öğesindeki bir kılavuza yapışıyor İki tane div var ve JQueryUI kitaplığını bir div'i diğerine bırakmak için kullanıyorum.

Sürüklenebilir div'I, tüm sayfadaki bir kılavuzdan ziyade, drop div içindeki bir kılavuza yapıştırmak istiyorum. Düşme elemanına yapışmak için ek niteliğini buldum, ızgaraya ekleyebilmek için grid özelliğini de buldum ama ikisini birleştirmenin herhangi bir yolu var mı?

$("#draggable").draggable({ grid: [ 50, 50 ] }); 

ben sevmiyorum bir yaklaşım olan küçük geçmeli divs dolu damla div doldurmak için vardır düşünmek yalnızca diğer geçici çözüm !

Answer 1

Sürüklenebilirliğin ne zaman sona erdiğini algılamak için yere atılabilir yöntemlerin üstünü ve dışa aktarma yöntemlerini kullanabilir ve ardından ızgara parametresini yalnızca bu noktada uygulayabilirsiniz.

$("#draggable").draggable(); 
$("#snaptarget").droppable({ 
    over: function(event, ui) { 
     $("#draggable").draggable({ 
      grid: [50, 50] 
     }); 
    }, 
    out: function(event, ui) { 
     $("#draggable").draggable("option", "grid", false); 
    } 
});​ 

jsFiddle example.