如何将Backbone el正确渲染到视图页面中

Question

我正在尝试使用我的第一个Backbone应用，并尝试将其渲染到我的页面中。

我写过这个应用程序，但我没有得到如何在html视图中呈现应用程序html：

<script type="text/javascript">
$(function(){
    var SearchApp = new Search.Views.App({
        id:"product-name-results"
    });
    SearchApp.render();
});
<script>

这是我的应用

var Search = {
    Models: {},
    Collections: {},
    Views: {},
    Templates:{}
}

Search.Views.App = Backbone.View.extend({
    initialize:function () {
        console.log('Search.Views.App initialize')
    },  
    render:function (options) {
        this.$el.html('hello world');
    }
});

显然这个渲染方法没有附加在html view中，而是如何将其附加到视图中？

Answer 1

请参阅此Fiddle

基本上，我将id: ''更改为el: ''，并添加了HTML容器