2012-04-02 12 views
5

Bir konumu bir kodla nasıl manuel olarak yapabilirim?jQuery UI El ile ayarlanan bir konum

el ayarlamak istediğiniz
<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> 

(bir butonuna tıklayın) bazı kodlar için birlikte sıralanabilir jquery ui behavor ile sipariş:

Tamam

Ive sıralanabilir() behavour bazı div var Bir fikrin bu

<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> 

gibi bir şey elde

+0

sizin burada yeni olduğunuzdan, bir soru nasıl gönderdiğiniz hakkında bazı kurallar vardır. Sahip olduğunuz kodu göndermeniz gerekecek. Kodunuzu gönderemezseniz, bazı örnek kodlar oluşturabilir ve sorununuzu yeniden oluşturmaya çalışabilirsiniz. Her zaman jsfiddle.net – DG3

+0

http://mattgemmell.com/2008/12/08/what-have-you-tried/ – MetalFrog

+0

'u nasıl kullanabilirsiniz? Sayfa yükleme veya bir düğmeye tıklayarak? – DG3

cevap

7

ancak jQuery böyle unsurları yeniden düzenleyebilirsiniz kullanarak elemanlarını yeniden sıralamak için yerleşik bir seçenek yoktur:

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

jsFiddle example. Orijinal sipariş: A, B, C, D, E. Yeni sipariş: B, C, E, D, A.

+0

Tamam, ama bununla ilgili olarak, X öğelerinin sıralanması için nasıl bir işlev yapabilirim? – Anthony

+0

Bunu bir işleve dönüştürmek istiyor musunuz yoksa farklı bir diziyi işlemek için bir işleve mi ihtiyacınız var? Diziyi mi belirliyorsunuz? – j08691

+0

evet farklı bir diziyi işlemek için bir fonksiyona ihtiyaç var – Anthony