Javascript $（…）。可排序不是一个函数

我已经将可排序和jquery引用导入到我的html中，但是，它说

未捕获的TypeError:$（…）。sortable不是函数

及

未捕获错误：jQuery sortablejs需要jQuery

我以前从未使用过jquery，因此对这一切都是陌生的。我已经采取了这个确切的代码作为这个网站的演示，它是在代码笔工作，但不会在我自己的笔记本电脑上工作

$（'.sortable列表'）.sortable({
连接方式：'.sortable list'，
更新：功能（事件、用户界面）{
var changedList=this.id；
var order=$（this.sortable（'toArray'）；
var positions=order.join（“；”）；
console.log({
id:changedList，
职位：职位
});
}
});

排名图像

a
b
c

您的代码出现问题的原因是脚本引用的顺序。任何依赖jquery.js的脚本都必须包含在jquery之后的页面中。此外，还包括两个可能导致问题的jQuery版本。我建议保留3.5.1，删除1.12.4。试试这个：


$（'.sortable列表'）.sortable({
连接方式：'.sortable list'，
更新：功能（事件、用户界面）{
var changedList=this.id；
var order=$（this.sortable（'toArray'）；
var positions=order.join（“；”）；
console.log({
id:changedList，
职位：职位
});
}
});

排名图像

a
b
c
查看控制台中的错误。在
jquery.js
之前包括
jquery sortable.js
。您还包括jQuery的多个版本。删除1.12.4并将3.5.1移至该位置。在jquery.js之前使用jquery.sortable.js是什么意思？我只想对srotable函数使用jquery。我添加了一个答案，向您展示我的意思。非常感谢！这些错误现在都从控制台中消失了，但是元素没有像在本页上那样移动：