2010-02-24 18 views
12

Temel olarak, bir sıralanabilir liste ile bağlanmış sürüklenebilir bir listem var. Sıradışı listeye düştükten sonra liste öğesini değiştirmek için kullanabileceğim bir çeşit Drop olayı ihtiyacım dışında harika çalışıyor.jQuery Sıralanabilir ve Bırak Etkinliğini Birleştirme

Bu .draggable ile çalışır -> .droppable sürüklenebilir için bir çözüm var mı -> .sortable?

cevap

17

Şekil dışarı çıktı, çıkarılanlar için düşüşle aynı olan bir alma olayı ortaya çıkıyor.

$('.selector').sortable({ 
    receive: function(event, ui) { ... } 
}); 
+6

(kendi ui.draggable ezbere ama sürüklenebilir eklenti ile bu bilmiyorum). Ben ui.item kullandığınızda ui.helper şey yapmak için görünmüyor ederken, eski öğeyi değiştirir. – mike

+0

Aynı sorunu yaşıyorum. Bıraktığım eşyaları hedefleyemiyorum. Hem sürüklenebilir üzerinde 'dur' ve sıralanabilir üzerinde 'almak' çalıştı. – rolnn

+0

Ben 'klon ile yapmak başardı tek yolu sürüklenebilir kaba bir sınıf adını veren ve daha sonra sıralanabilir kapta o sınıf adını hedef jquery kullanarak idi. – rolnn

6

Niçin bağlı iki sıralı liste kullanmıyorsunuz?

$("#sortable1, #sortable2").sortable({ 
     connectWith: '.connectedSortable' 
}).disableSelection(); 

Sonra Daha sonra ui yaparak bırakılan eleman değiştirebilir durdurma olayı

$(".selector").sortable({ 
    stop: function(event, ui) { ... } 
}); 

kullanın: Sonra sen yaparak 2 listeleri bağlayabilirsiniz durdurma olayı

kullanabilirsiniz. klon seçeneği Bırakıyorum öğeleri hedeflemek için bir yol yoktur: Ben yardımcı olan sürüklenebilir kullanıyorum varsa

İlgili konular