javascript - Jquery ui可排序反向item.index顺序

Question

有没有办法让 Jquery ui 排序让它的项目索引计数从底部而不是从顶部开始？

例如：

<ul id="sortable">
    <li>Item 1</li> // ui.item.index() = 0
    <li>Item 2</li> // ui.item.index() = 1
    <li>Item 3</li> // ui.item.index() = 2
    <li>Item 4</li> // ui.item.index() = 3
</ul>

像这样：

<ul id="sortable">
    <li>Item 1</li> // ui.item.index() = 3
    <li>Item 2</li> // ui.item.index() = 2
    <li>Item 3</li> // ui.item.index() = 1
    <li>Item 4</li> // ui.item.index() = 0
</ul>

我正在尝试从div.Zindex它的位置设置 z-index z-index: (ui.item.index()*10)：

$( "#sortable" ).sortable({
    stop: function(event, ui) {
        $( "#sortable li" ).map( function(){
            var updateZindex = 0;
            if($(this).index() == 0){
                updateZindex = 1000;
            }else{
                updateZindex = $(this).index()*10;
            }
            $('#parent').find('div[id='+$(this).attr('id')+']').css('z-index', updateZindex);
        });
    }
});
$( "#sortable" ).disableSelection();

谢谢