jqueryテンプレートの最後にdivを追加する方法は？

Question

私はピクチャがPictureIDとPicturePathを返しDBからデータを読み出し、すなわち

<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> 

をレンダリングjqueryのテンプレートを持っています。したがって、ページが読み込まれるたびにデータを読み込んでpictureListクラスに追加します。すべて正常に動作していますが、問題は最初の場所にAddPictureボックスがレンダリングされ、最後の場所でレンダリングすることです。

私はそれをDOMのReadyイベントとその動作に追加しようとしましたが、ページを揺さぶって正しい可視性を与えません。だから、どのように私はこの問題を回避する方法を助け、リストの最後にAddPictureボタンをレンダリングすることができます。

あなたが先頭に追加する（使用できる代わりにアペンドの

Answer 1

私はあなたが$（ '＃のれるtemplateId'）のようなjqueryのテンプレートプラグインへの呼び出しを行うコードを共有することができ、この

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

Answer 2

）： http://api.jquery.com/prepend

それはプット以外のappendのように動作し、要素の先頭にコンテンツを生成しました。