backbone.js 绑定到现有HTML的视图

示例

假设此HTML在页面中:

<body>
    <div id="myPage">
    </div>
</body>

一个视图可以绑定到它:

var MyPageView = Backbone.View.extend( {
    "el": "#myPage",
    "template": _.template( "<p>This is my page.</p>" ),

    "initialize": function(){
        this.render();
    },

    "render": function(){
        this.$el.html( this.template() );
    }
} );

new MyPageView();

浏览器中的HTML现在将显示:

<body>
    <div id="myPage">
        <p>This is my page.</p>
    </div>
</body>