如何追加一個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

它就像追加除了看跌期權在元素的開始生成的內容。