divの後にコール関数が動的に取り込まれましたか？

Question

firebase.database().ref('zones').on('value', (snapper) => { 
 
    //For each zone, populate HTML 
 
    snapper.forEach((snap) => { 
 
     var html = '<div id="child">Blahblah</div>'; 
 
     //Add the Injected HTML to the parent div called 'new' 
 
     $("#parent").append(html); 
 
    } 
 
});

<!-- this is the parent div where I inject my HTML from JS --> 
 

 
<div id="parent"> 
 

 
</div>

私は動的にFirebaseからクエリによって移入していdiv要素を持っています。 firebaseクエリは、$("#parent").append(html)を使用してHTMLに挿入するデータを取得します。

今度は、この親divがすべてfirebase呼び出しとhtml注入から取り込まれると、その親divで関数を実行します。これは基本的に各子divを数値的にソートします。

私がしたい機能を実行する前に、親divが完全にポピュレートするのを待つ方法がわかりません。私は、非同期操作のために、私の関数が実行されている親divがまだ人口になっているので、私の問題が発生する前に...

Answer 1

をあなたが使用しない理由は、コールが終了したときと懸念しているので、 .once（docsにあります）は、データを読み込んで1回返します。このようにすれば、すべてのデータを持っていることを知り、それをソートすることができます。

firebase.database().ref('zones').once('value').then(function(snapper) { 
    //For each zone, populate HTML 
    snapper.forEach((snap) => { 
      var html = '<div id="child">Blahblah</div>'; 
      //Add the Injected HTML to the parent div called 'new' 
      $("#parent").append(html); 
    }); 
    // call sort function 
}); 

Answer 2

私はjqueryに追加コールバックが含まれているとは思わないので putスクリプトあなたが追加しているHTMLの終わりに。

html = html.append('<script>yourfunctiontorunattheend();</' + 'script>'); 

は、その後の操作を行います。

$("#parent").append(html) 

EDIT： は文の後に実行する（コメントを参照してください）：

string lcscript = '<script>yourfunctiontorunattheend();</' + 'script>' 
for() { 
... 
} 
$("#parent").append(lcscript);