jQuery UI sıralanabilir - öğeleri bağlı bir listenin/sütunun altına sürükleyemiyor

Question

jQuery sortables ile ilgili bir sorun yaşıyorum. 3 sütun oluşturarak iGoogle benzeri bir gösterge paneli geliştirmek için kullanıyorum. Tüm 3 sıralı div'ler içerir ve connectWith seçeneğini kullanarak birbirine bağlanır.

Yapmakta olduğum sorun, bir sortable sütununun altındaki bir div'i düşürmeye çalışırken; sadece olmak istemiyor. Yalnızca sürüklediğim listedeki en alttaki divı/alanı sürüklediğimde çalışır.

Bundan kaçınmanın bir yolu var mı? Ya da belki de her bir sütunun dibine sabitlenmiş bir kukla div oluşturmak için? Bu konuda herhangi bir yardım takdir edilecektir!

Şimdiden teşekkürler.

Answer 1

Eski bir soru ama belki başkalarına yardım etmek ...

Dolgu çalışmaları ancak görsel tedaviyi değiştirir.

Başka bir çözüm, sortable api tarafından sağlanan 'tolerans' kullanmaktır. "İşaretçi" nin tolerans değeri, kullanıcı imlecinin diğer öğelerin birinden daha fazla olduğu sürece, öğenin konumunun yerini alabileceği anlamına gelir (yastıklama olmadan sorun yaşamanın nedeni olan elemanın üzerinde belirli bir alanın yerine) .

Bunu başlatmaya eklemeye çalışın (örneğimde, listeyi dikey olarak sıralıyorum).

 $(this.$el).sortable({ 
      axis: 'y', 
      cursor: 'move', 
      containment: 'parent', 
      tolerance: 'pointer' // this is the important bit 
     }); 

Bunu yaptıktan sonra çok çabuk olmalı.

Ayrıca şurada üzerine jquery doc görebilirsiniz:

Answer 2

Divleri içeren sütunlar, sürüklenebilir alanı alt div'in ötesine uzatmak için oldukça büyük bir alt-dolgu tabanına ihtiyaç duyar. Aksi takdirde, sütunlar divlere sıkıca sarılır ve her bir alt divun altındaki alan, sıralanabilir listenin dışında yer alır.