2011-07-07 15 views
5

私はajaxを介して読み込まれたリストを持っています。このリストでは、ajaxでアイテムを追加したり削除したり、ソートすることができます。私はそれに2つの問題があります。コンテンツがajax経由で更新されるときのソート可能な関数

最初のものはここにあり、それはまだ未解決です:https://stackoverflow.com/questions/6370213/jquery-dynamic-dragn-drop-doesnt-update-order(私が更新するまで、リストをソートした後、データベースから来るのアイテムの数が更新されません)

秒1は悪化しています。私のリストの内容をajax経由で更新した後(私が新しい項目を追加すると)、ソート可能な関数はページをリロードするまで機能しなくなります。 .liveはソート可能ではありませんし、私はこれでアイデアがありません。私は私のコードの一部を追加します:

私のリストはこのように書き:

<ul id="listaruta"> 
    <li> ... </li> 
</ul> 

ソート項目のための私のスクリプト:私はソート機能のためにこれを使用してい

$(function() { 
    $("ul#listaruta").sortable({ 
     opacity: 0.6, 
     cursor: 'move', 
     update: function() { 
      var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
      $.post("/plugins/drag/updateDB.php", order);                
    }         
    }); 
}); 

http://www.webresourcesdepot.com/wp-content/uploads/file/jquerydragdrop/

答えて

7

さらに多くを検索した後、私はこれを私の答えと判断しました:jQuery live and sortable

これが私のコードに追加して動作させるものです。

$(document).ajaxSuccess(function() { 

    $("ul#listaruta").sortable({ 
     opacity: 0.6, 
     cursor: 'move', 
     update: function() { 
      var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
      $.post("/plugins/drag/updateDB.php", order); 
     } 
    }); 
}); 
+0

ありがとう!これは私を恐れていた! :D – freeworlder

関連する問題