Как добавить div в конце шаблона jquery?

Question

У меня есть шаблон jquery, который отображает картинки

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

т.е. он читает данные из БД, которая возвращает PictureID и PicturePath. Поэтому, когда страница загружается, она читает данные и добавляет их в класс pictureList. Все работает нормально, но дело в том, что окно AddPicture отображается на самом первом месте, а я хочу, чтобы оно отображалось на последнем месте.

Я пытался добавить его к событию Ready DOM и оно работает, но оно дрожит на странице и не дает правильной видимости. Так что любой может помочь мне, как обойти эту проблему и отображает кнопку AddPicture в самом конце списка.

Answer 1

Я использовал это

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

Answer 2

вместо добавления вы можете использовать prepend (): http://api.jquery.com/prepend

Работает как добавление, за исключением того, что помещает сгенерированный контент в начало элемента.