如何在 jQuery 文档就绪触发后呈现 Backbone.js 视图？

Question

我有一个简单的 Backbone.js 页面，在视图中我从 DOM 获取 div 并向其中添加另一个 div....

<body>
<div id="starbase"></div>
<script type="text/javascript">
(function($){

    var ListView = Backbone.View.extend({
        el: $("#starbase"), 

        initialize: function(){
            _.bindAll(this, 'render'); 
            this.render(); 
        },
        render: function(){
            $(this.el).append('<div id="starship"></div>');
        }
    });

    var listView = new ListView();
})(jQuery);
</script>
</body>

有什么方法可以在 jQuery DOM 就绪事件发生后强制触发此渲染函数？这意味着星舰 div 应该只在 jQuery 准备就绪后才添加到星际基地 div。

Answer 1

只需在构造函数调用的就绪事件上添加即可。请参阅以下示例：

(function($){

var ListView = Backbone.View.extend({
    el: $("#starbase"), 

    initialize: function(){
        _.bindAll(this, 'render'); 
        this.render(); 
    },
    render: function(){
        $(this.el).append('<div id="starship"></div>');
    }
});

 $( document ).ready(function() {
    var listView = new ListView();
});
})(jQuery);

如何在 jQuery 文档就绪触发后呈现 Backbone.js 视图？

How to render Backbone.js view AFTER jQuery document ready has fired?

jquery

backbone.js

backbone-views

backbone-events

document-ready