如何在jquery模板的末尾追加div？

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>

即。它从DB读取数据，返回PictureID和PicturePath。因此，无论何时加载页面，它都会读取数据并附加到pictureList类。一切都运行正常，但问题是AddPicture框在第一个位置呈现，我希望它在最后一个位置呈现。

我曾尝试将其附加到DOM的Ready事件及其工作中，但它会抖动页面并且无法提供正确的可见性。所以任何人都可以帮助我解决这个问题，并在列表的最后呈现AddPicture按钮。

Answer 1

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

它的作用类似于append，除了将生成的内容放在元素的开头。

Answer 2

我用过这个

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