小编Far*_*rmb的帖子

在 sortablejs 中保存和重置顺序

我正在使用 sortablejs 制作拖放列表。我想要两个按钮,一个输出列表元素的当前顺序,另一个仅将当前顺序重置回其原始状态

我找到了一些关于如何打印当前订单以及如何重置它的资源,但由于我对 javascript 还有些陌生,所以我在实现它们时遇到了麻烦。

目前,我的警报只是输出[object HTMLUListElement],我无法弄清楚重置。

代码如下。任何帮助,将不胜感激!

//Initiate sortable list
Sortable.create(simpleList, {
  animation: 150});
Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<script src="https://raw.githack.com/SortableJS/Sortable/master/Sortable.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

<!-- Simple List -->
<ul id="simpleList" class="list-group">
  <li data-id="i1" class="col-1">#1</li>
  <li data-id="i2" class="col-2">#2</li>
  <li data-id="i3" class="col-3">#3</li>
  <li data-id="i4" class="col-4">#4</li>
</ul>

<button type="button" onclick="alert($('#simpleList').toArray())">Current order!</button>
<button type="button" onclick="">Reset!</button>

</html>
Run Code Online (Sandbox Code Playgroud)

javascript sortablejs

5
推荐指数
1
解决办法
3857
查看次数

标签 统计

javascript ×1

sortablejs ×1