Firebase - 刷新列表并附加li元素

Question

我遇到问题，我使用的是firebase而且我正在使用child_added事件。 当我不刷新我的应用程序时，来自firebase的元素会优先，但是当我刷新我的应用程序时，li元素的顺序不同，它们位于列表末尾和li之间元素我添加div。

所以，例如：

myRef.on('child_added', function(snapshot){ 
 var newPost = snapshot();
 $('.list>ul').prepend('<li>'+newPost.image+'</li>');
});

ref.on('child_added', function(snapshot){
 var winner = snapshot.val();
 $('.list>ul').prepend('<div><p>'+winner.name+'</p></div>');
});

我希望：

<div><p>win</p></div>
<li>post</li>
<li>post</li>
<div><p>win</p></div>
<li>post</li>
<li>post</li>

当我刷新页面时，我有：

<div><p>win</p></div>
<div><p>win</p></div>
<li>post</li>
<li>post</li>
<li>post</li>
<li>post</li>

我需要帮助。