jQuery UI sortowalna tolerancja

Question

Mam problem z uzyskaniem płynnego działania pakietów sortujących jQuery UI.

Ustawiona tolerancja nie zawsze działa poprawnie - na przykład, jeśli ustawię ją na "wskaźnik", czasami mogę mieć obiekt prawie na wierzchu (mysz włącznie) i nie będzie on porządkowany. Jakiś czas, że muszę poruszyć przedmiot, aby go zmienić.

Czy jest coś, co jest wymagane do poprawnego działania lub czegokolwiek, co może spowodować jego uszkodzenie? (? marginesy, pływak, pewne elementy, bezwzględne elementy umieszczone, etc)

Kod mam to w zasadzie coś takiego (kotwicy jak ABS umieszczony.):

<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

jsfiddle byłoby świetnie z telefonem kod do sortowania, jeśli poniższe sugestie nie działają dla Ciebie.

1) używać tolerance pointer i do not use containment

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

2) use a placeholder

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

"sortable-zastępczy" jest klasą zdefiniować w arkuszu stylów. Upewnij się, że symbol zastępczy ma taką samą szerokość i wysokość, jak element, który próbujesz przenieść.

3) force a placeholder size

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

4) force a helper size

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

5) Float twoi elementy li w lewo lub w prawo

Answer 2

Okazało się, że była to jedyna rzecz, która pomogła w mojej sytuacji :

helper: "clone"