文章/答案/技术大牛

发布

社区首页 >问答首页 >将类中元素的特定属性的当前顺序作为jquery-ui排序中的数组。

问将类中元素的特定属性的当前顺序作为jquery-ui排序中的数组。
EN

Stack Overflow用户

提问于 2019-05-30 10:14:56

回答 1查看 75关注 0票数 0

我试图在jquery可排序中获取有序元素的一系列属性。

下面是我尝试过的代码

$(".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>

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

jquery-ui

jquery-ui-sortable

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-05-30 10:51:28

要获得当前正在排序的项的顺序，我建议使用更新事件。

更新(事件、ui ) 当用户停止排序并更改DOM位置时，将触发此事件。

下面是一个演示：

$(".topic_keywords").sortable({

  update: function(event, ui) {

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

    console.log(keywordOrder);

  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />

<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

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56376210

复制

相似问题

问将类中元素的特定属性的当前顺序作为jquery-ui排序中的数组。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将类中元素的特定属性的当前顺序作为jquery-ui排序中的数组。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将类中元素的特定属性的当前顺序作为jquery-ui排序中的数组。
EN