jquery - マウスアップ時の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