在jquery ui sortable中以数组的形式获取类中元素的特定属性的当前顺序

在jquery ui sortable中以数组的形式获取类中元素的特定属性的当前顺序,jquery,jquery-ui,jquery-ui-sortable,Jquery,Jquery Ui,Jquery Ui Sortable,我试图在jQueryUISortable中获取有序元素的属性数组 下面是我尝试过的代码 $(".topic_keywords").sortable(); $(".box-item").draggable(); var keywordOrder = $(".topic_keywords").sortable("toArray", {attribute: 'data-id'}); console.log(keywordOrder); 以下是要素 <ul class="topic

我试图在jQueryUISortable中获取有序元素的属性数组

下面是我尝试过的代码

$(".topic_keywords").sortable();

$(".box-item").draggable();    

var keywordOrder = $(".topic_keywords").sortable("toArray", {attribute: 'data-id'});

console.log(keywordOrder);
以下是要素

<ul class="topic_keywords" data-id="1">
      <li class="box-item" data-id="1">Item 1</li>
      <li class="box-item" data-id="2">Item 2</li>
</ul>
<ul class="topic_keywords" data-id="2">
    <li class="box-item" data-id="3">Item 3</li>
    <li class="box-item" data-id="4">Item 4</li>
</ul>
  • 项目1
  • 第2项
    第3项 第4项

但是,我只得到第一个可排序类的有序数组。如何从当前正在对元素进行排序的类中获取数组?

要获取当前正在排序的项的顺序,建议使用

更新(事件、用户界面)
当用户停止排序且DOM位置已更改时,会触发此事件

下面是一个演示:

$(“.topic_关键字”)。可排序({
更新:功能(事件、用户界面){
var关键字顺序=$(this).sortable(“toArray”{
属性:“数据id”
});
console.log(关键字顺序);
}
});

  • 项目1
  • 第2项
    第3项 第4项
无论如何,我可以在可排序声明之外访问“keywordOrder”变量吗?