ajaxがその中からデータを削除した後に値を更新する方法は？

Question

私はサムネイルを持つ要素を持っています。私はユーザーが表示順序をソートすることを許可します（これはajax経由でDBへの更新を起動します）。また、画像を削除することもできます（削除後、残りのすべての画像の表示順序を更新する要求が発生します）。

私の問題は、バインディングやライブと思っていますが、どこに適用するのかわかりません。

削除時に消灯した配列には、ページが読み込まれたイメージのIDがすべて含まれています。問題は、それらが画像を削除した後も、元のids（削除されたidsを含む）が配列に格納されているため、Ajaxが内部から削除した後に要素の値を更新していないことです。私は最新の内容を得るためにそれを伝える必要があります...

私が読んできたことから、これは正常ですが、私はそれを私のルーチンに結び付ける方法を理解していません。削除後に大量の並べ替えをトリガーする必要があります。

どのようなアイデアの指導者ですか？

$('a.delimg').click(function(){ 
var parent = $(this).parent().parent(); 
var id = $(this).attr('id'); 
$.ajax({ 
    type: "POST", 
    url: "../updateImages.php", 
    data: "action=delete&id=" + id, 
    beforeSend: function() { 
    parent.animate({'backgroundColor':'#fb6c6c'},300); 

    $.jnotify("<strong>Deleting This Image & Updating The Image Order</strong>", 5000); 
    }, 
    success: function(data) { 
    parent.slideUp(300,function() { 
    parent.remove(); 

    $("#images ul").sortable(function() { //NEEDS TO GET THE UPDATED CONTENT 
    var order = $(this).sortable("serialize") + '&action=updateRecordsListings'; 
    $.post("../updateImages.php", order, function(theResponse){ 
    $.jnotify("<strong>" + theResponse + "</strong>", 2000); 
    }); 
    }); 
     }); 

     } 
    }); 
    return false; 
    }); 

ご協力いただきありがとうございます。

Answer 1

私の最初の推測は、アイテムがプラグインによってキャッシュされているということです。あなたはそのような項目を調べる呼び出すことによってこれをテストできます。

var items = $("#images ul").sortable("option", "items"); 

これはアイテムの更新リストが含まれていない場合は、再度設定することができ

$("#images ul").sortable("option", "items", 'li'); 

を

このチェックは前に、あなたの関数に行くだろうあなたはどの程度、

//NEEDS TO GET THE UPDATED CONTENT 

---

代わりにしようとしているの項目を再設定したコメントを持つ行destroyingソート可能で再初期化します。

$("#images ul").sortable("destroy"); // destroy 
$("#images ul").sortable(); // init