jQuery UI khả năng phân loại có thể phân loại

Question

Tôi đang gặp một số sự cố khi hoạt động trơn tru của các giao diện người dùng jQuery UI. Dung sai tôi đặt không phải lúc nào cũng hoạt động chính xác - ví dụ: nếu tôi đặt nó thành 'con trỏ', đôi khi tôi có thể có đối tượng gần như trên đầu trang của con trỏ khác (chuột bao gồm.) Và nó sẽ không sắp xếp lại. Một thời gian tôi phải xáo trộn đối tượng để làm cho nó sắp xếp lại.

Có bất kỳ thứ gì cần thiết để hoạt động chính xác hoặc bất kỳ thứ gì có thể khiến nó bị hỏng không? (? Lề, float, một số yếu tố, yếu tố vị trí tuyệt đối, vv)

Mã tôi có về cơ bản là một cái gì đó như thế này (neo như abs vị trí.):

<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

Một jsfiddle sẽ là tuyệt vời với bạn mã có thể sắp xếp nếu các đề xuất sau không hoạt động cho bạn.

1) sử dụng tolerance pointer và do not use containment

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

2) use a placeholder

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

"sắp xếp được-giữ chỗ" là một lớp học mà bạn xác định trong stylesheet của bạn. Đảm bảo trình giữ chỗ có chiều rộng và chiều cao giống như phần tử bạn đang cố di chuyển.

3) force a placeholder size

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

4) force a helper size

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

5) Float yếu tố li của bạn sang trái hoặc phải

Answer 2

tôi thấy rằng đây là điều duy nhất mà ích trong tình huống của tôi :

helper: "clone"