Giao diện người dùng jQuery Sắp xếp được đặt theo cách thủ công một vị trí

Question

Làm cách nào để tôi có thể đặt vị trí bằng một số mã theo cách thủ công?

Ok

Ive có một số div với() behavour sắp xếp được:

<div class="sort" id="a"></div> 
<div class="sort" id="b"></div> 
<div class="sort" id="c"></div> 
<div class="sort" id="d"></div> 
<div class="sort" id="e"></div> 

Tôi muốn thiết lập bằng tay (bấm vào một nút) các đơn đặt hàng với sắp xếp được behavor jquery ui với một số mã Để có được một cái gì đó như thế này

<div class="sort" id="b"></div> 
<div class="sort" id="c"></div> 
<div class="sort" id="e"></div> 
<div class="sort" id="d"></div> 
<div class="sort" id="a"></div> 

Bất kỳ ý tưởng

Answer 1

Không có một lựa chọn tích hợp để sắp xếp lại các yếu tố, tuy nhiên sử dụng jQuery, bạn có thể sắp xếp lại các yếu tố như thế này:

$("#sortable").sortable().disableSelection(); 
$("#sortable li:eq(3)").insertAfter($("#sortable li:eq(4)")); 
$("#sortable li:eq(0)").insertAfter($("#sortable li:eq(4)")); 

jsFiddle example. Đơn đặt hàng ban đầu: A, B, C, D, E. Đơn đặt hàng mới: B, C, E, D, A.