2010-01-27 15 views
10

Listede bir öğeyi sürüklediğinizde, http://jqueryui.com/demos/sortable/ numaralı belgede gösterilen standart davranışta, öğenin nereye bırakılacağı bir yer tutucu öğe görüntülenir. Bununla birlikte, bırakılacak öğenin orijinal konumu belirtilmez.jquery UI sıralanabilir: orijinali bırakılana kadar nasıl bırakılır?

Ben görsel geribildirim orijinal http://jqueryui.com/demos/draggable/#visual-feedback

mi resmedilen "yarı şeffaf klonu" seçeneği için yerinde bırakılır şekilde benzer şekilde, damla kadar görünür orijinal konumunu terk etmek istiyorum Bunu sıralanabilir ile yapabileceğim herhangi bir yol var mı?

Teşekkürler!

cevap

12

Yani (kesinlikle bir hack düşündüm) iş gibi görünüyor tek yaklaşım (ui.item) otomatik olarak gizlenmiş orijinal unhides seçenekle

start: function (e, ui) { ui.item.show();}

geçmektir.

Ve daha genel olarak, öğeyi değiştirmek için start işlevini kullanabilirsiniz.

+0

Teşekkürler. Bu da bana –

+0

yardımcı oldu Ama – Gino

+0

Nice üzerinde kayboluyor. Ayrıca başlangıçta bir ders ekledim ve durduğunda onu kaldırdım. Daha sonra css sınıfının opaklığını ayarlıyorum. Bunun orijinal öğe hangisi olduğunu açıkladı yardımcı buldum. – RevNoah

0

helper: 'clone' seçeneği, orijinal öğenizi yerinde bırakacak ve gerçekte fare tarafından sürüklenen yeni bir DOM öğesi oluşturacaktır. (Ayrıca, yardımcı üzerinde "yarı saydam" efekti oluşturmak için opacity: 0.7 seçeneğini kullanın.)

Buna ihtiyacınız olup olmadığından emin değilim, ancak bir klon kullanıyorsanız öğeyi otomatik olarak kaldırmaz listeden, tamamen DOM'dan sürüklenen öğeyi silmek için remove olayını kullanabilirsiniz.

+2

Yani, ben * düşünce * 'klon' ile olması gerektiğini düşündüm - ama ben yardımcısı ayarladığımda: 'klon' orijinali hala yok olur. Yani belki şunu sormalıyım: Ne eksik olabilirdim? – brahn

+0

Daha dikkatli bir şekilde baktığımızda, 'clone' ile öğe hala DOM'de görünür. Ancak görüntülenmiyor. 'helper:' clone 'seçeneğini kullanmak için jquery-ui paketi ile gelen örneği değiştirdim, burada görebilirsiniz: http://brahn.sqprod.com/jq/sortable-example.html – brahn

+0

Ve aslında, (Firebug'a teşekkürler) artık ('clone' seçeneğiyle bile) orijinalin stilin' display: none 'ayarlanarak gizlendiği açıktır: none' – brahn

İlgili konular