如何追加一个div在jQuery模板的末尾？

Question

我有这使得图片

<script id="PictureList" type="text/x-jquery-tmpl"> 

    <ul class="pictureList"> 

     <li id="AddPicture"> 
      //an input box with browse button and upload button 
     </li> 

    </ul> 

</script> 

即从DB返回PictureID和PicturePath读取数据的jQuery的模板。所以每当页面加载它读取数据并追加到pictureList类。一切工作正常，但事情是，AddPicture框呈现在第一个地方，我想它在最后的地方渲染。

我试图将它附加到DOM的Ready事件及其工作，但它抖动页面，并没有给出正确的知名度。因此，任何人都可以帮助我如何解决这个问题，并在列表最后显示AddPicture按钮。

Answer 1

我用这个

$.tmpl("Pics", ProfilePics).insertBefore($(".pictureList > #AddPicture")); 

Answer 2

，而不是追加你可以使用前置（）： http://api.jquery.com/prepend

它就像追加除了看跌期权在元素的开始生成的内容。