Javascript ember.js将视图附加到之前</车身>；

我刚开始使用1.0预发布版本的Ember.js，遇到了一个问题

在我的HTML中，我有以下内容：

<script type="text/x-handlebars" data-template-name="application">
  {{outlet}}
</script>

<script type="text/javascript">
    $(function() {
        console.log("starting Ember app");
        App.initialize();
    });
</script>

<div id="footer">
    ... footer html ...
</div>
</body>

---

我做错了什么？

非常感谢上面所有的评论，我在他们的帮助下找到了答案--

在我的应用程序对象上，我需要指定一个根元素：

App = Ember.Application.create({
    rootElement: '#app',
    ...

然后在HTML中添加一个div，以将带有插座的模板附加到：

<div id="app"></div>

模板只是模板，不影响其应用位置。模板也可以在头部，或者动态加载，而不显示在DOM中。您必须将视图连接到此插座。你能发布完整代码的JSFIDLE吗？它们是100%正确的，如果你不指定对象（或选择器），视图上的默认“append”将选择主体（…而append on body将在页脚后滑动）。啊，好的-我想我缺少的最后一部分是如何指定模板应该附加到的DOM元素。我添加了我的路由器-如何获取PortfoliosView，以便执行以下操作：PortfoliosView.appendTo（“#container”）；相关指南条目为：

<div id="app"></div>