Javascript jQuery UI sortable（）方法不工作

我用jQuery创建了一个待办事项列表，并尝试添加jQuery UI以使列表项可排序，但我尝试的代码不起作用

以下是我在尝试中更改的代码的相关部分（查看完整代码）。我做错了什么

HTML

在项目上工作一小时
出去散步
冥想
伸展

JavaScript

$('.button').click(function() {
    let toAdd = $('input[name="listItem"]').val();
    // If nothing in input box, ceases function execution
    if (toAdd === '') return;
    // Inserts li as first child of ul
    $('ul').prepend('<li class="sortable">' + toAdd + '</li>');
    // Clears input box after clicking '+'
    $('input[name="listItem"]').val('');
});

$('.sortable').sortable();

$（'.button'）。单击（函数（）{
让toAdd=$（'input[name=“listItem”]'）。val（）；
//如果输入框中没有任何内容，则停止函数执行
如果（toAdd==''）返回；
//李是ul的第一个孩子
$（'ul'）.prepend（'
'+toAdd+'
'）；
//单击“+”后清除输入框
$（'input[name=“listItem”]”）val（“”）；
});
$（'.sortable'）.sortable（）；

在代码中修复以下内容：

在jQuery之后包含jQuery UI

将

.sortable

类添加到

并将其从

您还没有指定具体的问题是什么，以及什么工作正常或不正常，甚至没有指定此代码要执行的操作。花几分钟阅读，我希望列表中的项目是可排序的。具体的问题是我添加的代码不起作用。
$('.button').click(function() {
    let toAdd = $('input[name="listItem"]').val();
    // If nothing in input box, ceases function execution
    if (toAdd === '') return;
    // Inserts li as first child of ul
    $('ul').prepend('<li class="sortable">' + toAdd + '</li>');
    // Clears input box after clicking '+'
    $('input[name="listItem"]').val('');
});

$('.sortable').sortable();