Доброе время суток,
буду благодарен за совет или хотя бы пните в какую сторону смотреть.
Имеется долго играющий рендер элементов на Backbone, код ниже
или
тут пример с проблемой на jsbinvar MyView = Backbone.View.extend({
tagName:'p',
className:'List',
page:1,
render: function(widget_collection) {
while ( this.page < 15 ) {
this.createPage();
this.addToLogNumberPage(this.page);
this.page++;
}
return this;
},
addToLogNumberPage:function(page){
console.log('add:'+page);
$('.log').append('Page N'+page+'printed, ');
},
createPage:function(){
var i = 0;
while (i<100000000){ i++; }
this.$el.append('<span>'+this.page+'</span>')
}
})
var my_view = new MyView();
$('button').click(function(){
$('.progressBar').show();
$('.log').show();
$('body').append(my_view.render().el);
})
Не могу понять, почему .progressBar и .log отображается после рендера всех элементов, хотя console.log('add:'+page); печатается по ходу выполнения...
DOM как будто зависает, отображает все только после отработки render()
