Question

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

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

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

Answer 1

您可能需要使用stop function这样的内容：

<强> Working Example

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

或update function这样：

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

<强> Working Example 2

在mouseup上使用Jquery UI可排序状态

1 个答案: