sortable.js 華麗麗的排序

首先導入這幾個資源

<link href="/css/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" />

<script src="/js/jquery-1.7.2.min.js" type="text/javascript"></script>

<script src="/js/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>

頁面加載時執行

    $("#sortable").sortable({
        opacity:0.8,
        revert:true,
        forceHelperSize:true,
        placeholder: 'draggable-placeholder',
        forcePlaceholderSize:true,
        tolerance:'pointer',
        stop: function( event, ui ) {
            //just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
            $(ui.item).css('z-index', 'auto');
            $.post(
                "/scheme/sortPointMenu",
                {
                    keyList :$("#sortable").sortable('serialize'),
                    stageId:lvId
                },
                function(response){  
                } 
            );
        }
    });