jquery - 如何在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>

即它从数据库读取数据，返回PictureID和PicturePath。因此，每当页面加载时，它都会读取数据并附加到 pictureList 类。一切工作正常，但问题是 AddPicture 框在第一个位置渲染，而我希望它在最后一个位置渲染。

我尝试将其附加到 DOM 的 Ready 事件及其工作中，但它会使页面抖动并且无法提供正确的可见性。那么谁能帮我解决这个问题并在列表的最后渲染 AddPicture 按钮。

Answer 1

您可以使用 prepend() 而不是追加: http://api.jquery.com/prepend

它的工作方式类似于追加，只不过将生成的内容放在元素的开头。