Javascript Jquery-ui可与数组中的js列表生成器进行排序无法正常工作

所以我试图实现一个可排序列表。但是，该列表是使用数组中的JavaScript生成的。此阵列来自后端c#

这是我的可排序jquery-

       $('.sortable-list').sortable({
            connectWith: '.sortable-list',
            update: function (event, ui) {
                var changedList = this.id;
                var order = $(this).sortable('toArray');
                var positions = order.join(';');
                success: writeCategories(positions);
                console.log("positions written");
            },

        });

这是我的JavaScript函数，它生成一个列表

    function makecategories(array) {
            // Create the list element:
            var list = document.createElement('ul');
            list.id = "boo";
            list.className = "sortable-list ui-sortable";

            for (var i = 0; i < array.length; i++) {
                // Create the list item:
                var item = document.createElement('li');
                item.id = i + 1;
                item.className = "ui-sortable-handle";
                item.style = '"margin: 1px; width: 130px; padding: 2px; vertical - align: middle;"';


                // Set its contents:
                item.appendChild(document.createTextNode(array[i]));

                // Add it to the list:
                list.appendChild(item);
            }

            // Finally, return the constructed list:
            return list;
        }

但这个列表是不可排序的。这里的任何帮助都将不胜感激

这是我试过的东西-

    <div id="categories">
        <ul class="sortable-list">
            <li id="1"> Food </li>
            <li id="2"> Drinks </li>
        </ul>
    <div>

除此之外，食物和饮料列表是可排序的，而母狗猫列表是不可排序的

---

请随时询问我可能需要的更多信息。

考虑以下示例

$（函数（）{
函数makeSortList（arr、obj）{
if（obj==未定义）{
obj=“身体”；
}
obj=$（obj）；
变量列表=$（“
”{
id:“嘘”，
类：“可排序列表”
});
$。每个（arr，功能（i，v）{
$（“
”{
id:i+1
}).html（v）.css({
页边空白：“1px”，
宽度：“130px”，
填充：“2px”，
垂直排列：“中间”
}).附件（清单）；
});
list.appendTo（obj）.sortable({
连接方式：'.sortable list'，
更新：功能（e、ui）{
var changedList=$（this.attr（“id”）；
var order=$（this.sortable（'toArray'）；
var positions=order.join（“；”）；
//成功：书面类别（职位）；
控制台日志（“写入的位置”，位置）；
}
});
退货清单；
}
makeSortList（[“第1类”、“第2类”、“第3类”]、“#类”）；
});
。可排序列表{
列表样式类型：无；
保证金：0；
填充：0；
}

在排序表中，您引用了
success
，不确定您想用它做什么。哦，一旦我得到了排序列表，我就从后端调用函数writeCategories（），并传递排序数组-位置。该函数将排序后的数组写入json文件。您能否指出您正面临的问题，因为我尝试了您的代码，它似乎可以工作@sandeepjoshi当我从c#中提取数组时，它是不可排序的！但是Twisty帮我解决了这个问题。所以，谢谢你！这是天才，谢谢：）

    <div id="categories">
    </div>


    Hen
    Dog
    Cat


    <div id="categories">
        <ul class="sortable-list">
            <li id="1"> Food </li>
            <li id="2"> Drinks </li>
        </ul>
    <div>


    Food
    Drinks
    
    Hen
    Dog
    Cat