2012-04-02 123 views
5

如何手動設置一些位置的代碼?jQuery UI Sortable手動設置位置

Ive得到一些分度,排序()水煤漿:

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

我想手動設置(點擊一個按鈕)的順序與排序jQuery UI的behavor一些代碼 要得到這樣的

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

任何想法

+0

由於您是新客戶,因此對於如何發佈問題有一些規定。你需要發佈你的代碼。如果你不能發佈你的代碼,你可以編寫一些示例代碼,並嘗試重現你的問題。您可以隨時使用jsfiddle.net – DG3 2012-04-02 18:18:38

+0

http://mattgemmell.com/2008/12/08/what-have-you-tried/ – MetalFrog 2012-04-02 18:20:30

+0

手動如何?在頁面加載或通過單擊按鈕? – DG3 2012-04-02 18:32:25

回答

7

沒有內置的選項來重新排序的元素,但使用jQuery你可以重新排序是這樣的元素:

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

jsFiddle example。原始訂單:A,B,C,D,E。新訂單:B,C,E,D,A。

+0

好吧,我已經儘管這樣做,但我怎樣才能使X元素進行排序功能? – Anthony 2012-04-02 18:48:52

+0

你想把它變成一個函數,或者你需要一個函數來處理不同的系列?你在指定系列嗎? – j08691 2012-04-02 18:49:51

+0

是需要一個函數來處理不同的系列來回 – Anthony 2012-04-03 01:53:46