Backbone.js Представления не отображаются

Question

Что-то странное происходит. У меня есть код, который создает представление Backbone.js, за исключением того, что он никогда не отображается, однако, если я запускаю его в консоли, он работает:

function createBookingsView($container, roomID){
var BookingsView = Backbone.View.extend({
    el              :   $container,
    initialize      :   function(){
                            console.log("derp");

                            _.bindAll(this, "addOne", "addAll", "render");

                            this.bookings = new Bookings();
                            this.bookings.bind("change", this.addOne);
                            this.bookings.bind("refresh", this.addAll);
                            this.bookings.bind("all", this.render);

                            this.bookings.fetch({data : {"room" : roomID}});
                            console.log(this.bookings.get(1));
                        },
    addAll          :   function(){
                            this.bookings.each(this.addOne);
                        },
    addOne          :   function(booking){
                            var view = new BookingView({model:booking});
                            $(this.el).append(view.render().el);
                        },
    render          :   function(){
                            $(this.el).html("");
                            this.addAll();
                        }
});
return new BookingsView;

};

и вот как это называется:

window.LEFT_BOOKINGS = createBookingsView($("#timetable-a .bookingContainer"), room.id);

когда я вручную запускаю приведенную выше строку в консоли, она работает блестяще. но он не загружается в моем скрипте.

Answer 1

У меня были некоторые проблемы с тем, что асинхронные функции не возвращались до того, как они мне понадобились.