jquery - mouseup 上的 Jquery UI 可排序状态

Question

尝试使用 jquery UI 可排序功能进行排序后检查某些 li 元素的状态。

$('#sortable').sortable()
$('#sortable').find('li').mouseup(function(){
    console.log($(this).parent())
})

在我重新排序列表元素之前，我得到了父级的状态。当我再次执行移动时，它会给我以前的状态。如果我点击没有变化。我看到了我所期望的元素的状态/顺序。

Answer 1

您可能需要使用这样的停止功能：

工作示例

 $(function () {
     $("#sortable").sortable({
         stop: function (event, ui) {  //important bit
             alert($('#sortable').find('li').text());
         }
     });
     $("#sortable").disableSelection();
 });

或者像这样的更新函数：

 $(function () {
     $("#sortable").sortable({
         update: function (event, ui) {  //important bit
             alert($('#sortable').find('li').text());
         }
     });
     $("#sortable").disableSelection();
 });

工作示例 2