【发布时间】：2021-03-02 15:25:06
【问题描述】：
我已将可排序和 jquery 引用导入到我的 html，但是，它说
未捕获的类型错误：$(...).sortable 不是函数
和
未捕获的错误：jquery-sortablejs 需要 jQuery
我以前从未使用过 jquery，因此对这一切都是陌生的。我已经把这个确切的代码作为这个网站的演示，它可以在代码笔上运行，但是不能在我自己的笔记本电脑上运行。
$('.sortable-list').sortable({
connectWith: '.sortable-list',
update: function(event, ui) {
var changedList = this.id;
var order = $(this).sortable('toArray');
var positions = order.join(';');
console.log({
id: changedList,
positions: positions
});
}
});<html>
<script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-sortablejs@latest/jquery-sortable.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script type="text/javascript" src="/Users/rankWebsite/js/main.js"></script>
<body>
<h1> Rank Images</h1>
<ul id="image-list1" class="sortable-list">
<li id="a">A</li>
<li id="b">B</li>
<li id="c">C</li>
</ul>
</body>
</html>【问题讨论】：
-
查看控制台中的错误。您包括
jquery-sortable.js之前jquery.js。您还包括多个版本的 jQuery。删除 1.12.4 并将 3.5.1 移动到该位置。 -
jquery.js 之前的 jquery.sortable.js 是什么意思？我只想将 jquery 用于 srotable 函数
-
我添加了一个答案来告诉你我的意思
标签： javascript html jquery jquery-ui-sortable sortablejs