jQuery UI sıralanabilir tolerans

Question

jQuery UI sıralayıcılarının düzgün çalışmasını sağlamakta sorun yaşıyorum.

Ayarladığım tolerans her zaman düzgün çalışmaz - örneğin, onu 'işaretçi' olarak ayarladığımda, bazen nesneyi neredeyse bir başkasının üstüne ekleyebilirim (fare dahil) ve yeniden sıralama yapmaz. Bir süre, yeniden sıralamak için nesneyi sarsmak zorundayım.

Doğru şekilde çalışması gereken herhangi bir şey veya kırılmasına neden olabilecek herhangi bir şey var mı? (? Marjları, şamandıra, bazı elementler, mutlak konumlu elemanlar, vb)

Ben kod temelde bu (. Konumlandırılmış olarak abs çapa) gibi bir şey: Bir jsfiddle ile harika olurdu

<div span="span-12 prepend-top last"> 
    <ul id="fileupload-images" class="ui-sortable"> 
     <li class="image span-3" id="38b22e1c130d9c33fafb20e7ac16c038"> 
      <img class="thumb span-3 last" src="/uploads/3/8/b/38b22e1c130d9c33fafb20e7ac16c038/38b22e1c130d9c33fafb20e7ac16c038.jpg"> 
      <a href="#" class="zoom"></a> 
      <a href="#" class="remove"></a> 
     </li> 
    </ul> 
</div> 

Answer 1

senin Aşağıdaki öneriler sizin için işe yaramazsa sıralanabilir kod.

1) tolerance pointer ve do not use containment

$(".selector").sortable({ tolerance: "pointer" }); 

2) use a placeholder

$(".selector").sortable({ placeholder: "sortable-placeholder" }); 

kullanmak "sıralanabilir-tutucu" Eğer stil tanımlamak bir sınıftır. Yer tutucunun, taşınmaya çalıştığınız öğeyle aynı genişlikte ve yükseklikte olduğundan emin olun.

3) force a placeholder size

$(".selector").sortable({ forcePlaceholderSize: true }); 

4) force a helper size

$(".selector").sortable({ forceHelperSize: true }); 

5) sizin li elemanları sola Float veya sağ

Answer 2

Bu benim konuda çok yardımcı tek şey olduğunu tespit :

helper: "clone"