jQuery的UI列表排序

我有一個需求來管理類似於下面給出的鏈接項目隊列 http://www.codeproject.com/KB/aspnet/NetflixQueue.aspx 我必須使用jquery排序UL的李項目。jQuery的UI列表排序

它與netflix隊列類似，用戶可以通過拖動&拖放來更改項目的順序，同時我們還需要有一個按鈕將選定項目移動到列表頂部/列表頂部。

那裏的一些jQuery大師可以幫助這個請求嗎？這是我第一次與Jquery合作，所以請讓我知道你是否需要更多的信息。

感謝，戈庫爾

2010-07-12 Gokul

一個簡單的例子，你ul ID爲sortable：

$(function() { 
    var selectedItem = null; 
    var isSorting = false; 

    $("ul#sortable") 
    .sortable({ 
     start: function() { isSorting = true; } 
    }) 
    .find("li").click(function(e) { 
     if (!isSorting) { 
      selectedItem = $(e.target).addClass("selected"); 
      selectedItem.siblings().removeClass("selected"); 
     } 
     else { 
      isSorting = false; 
     } 
    }); 

    $("button#btn_top").click(function() { 
     if (selectedItem != null) { 
      selectedItem.prependTo(selectedItem.parent()); 
     } 
    }); 

    $("button#btn_bottom").click(function() { 
     if (selectedItem != null) { 
      selectedItem.appendTo(selectedItem.parent()); 
     } 
    }); 

});

這裏有一個演示：http://jsfiddle.net/SXCsh/

來源

2010-07-12 19:28:04

嗨寺門，非常感謝你。稍微更新一點。 http://jsfiddle.net/SXCsh/5/ 也感謝你介紹我jsfiddle。很有幫助。 – Gokul 2010-07-12 22:34:01

jQuery的UI列表排序

回答

相關問題