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

У меня есть шаблон 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 box рендерится на самом первом месте, а я хочу, чтобы он рендерился на последнем месте.

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

Источник

2 ответа

Решение

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

$.tmpl( "Pics", ProfilePics ).insertBefore( $(".pictureList > #AddPicture"));
Источник

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

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

Источник
Другие вопросы по тегам