javascript - Javascriptを使用して動的にロードされた要素の位置を設定するには?

Question

サーバー上のファイルから「アプリ」にロードするアプリケーションに取り組んでいます。現時点では、アプリを特定の順序でロードする必要があります。そうしないと、位置の配列で間違った位置になります。

ここに、私が何を意味するかを説明するのに役立つコードがあります。

function getFacebook() {
    var appname = "facebooka1thd";
    $.get("apps/"+appname+"/"+appname+".html", function(data){
        $('.AppList').append(data);
        $.cookie(appname, 1, { expires : 365 });
        checkpositions();
    });
};

function checkpositions() {
    if ($.cookie('PosApps')){
        var Poscookie = $.cookie('PosApps');
        var Pos = JSON.parse(Poscookie);

        $("#User").css({top:Pos[0].top, left:Pos[0].left});
        $("#facebooka1thd").css({top:Pos[1].top, left:Pos[1].left});
        $("#youtubea2thd").css({top:Pos[2].top, left:Pos[2].left});
    };
};

function getAppPositions() {
    var apps = $(".App"),
    positions = [];

    $.each(apps, function (index, app) {
        var positionInfo = $(app).position();

        positions.push(positionInfo);
        console.log(positionInfo);
    });
    var setPositions = JSON.stringify(positions);

    $.cookie("PosApps", setPositions, { expires : 365 });
};

存在するアプリの数と、それらが追加または削除される順序にコードを適応させたいと思います。

基本的に、これを回避する方法の手がかりがありません-_-現時点では、アプリが追加された順序で位置が保存されるため、これを可能にするには、ほとんどのコードを順番に変更する必要があると思いますただし、ユーザーがアプリの1つを削除し、追加されるアプリの順序に対して位置が設定されている場合、それは役に立ちません。

これについての助けは素晴らしいでしょう！