Backfire 및 백본 메시지로드 중

Question

Firebase (Backfire)가 백본 응용 프로그램에 데이터를 제공하는 동안로드 메시지/아이콘을 삽입하려고 시도하고 있지만 이제는 잘 작동합니다. 여기에 작은 예제가있는 바이올린이 있습니다 : http://jsfiddle.net/aJfUx/5/

내가 추가하고 내가 데이터를 렌더링 해요 HTML 요소를 제거하려했지만 작동하지 않습니다

render: function() { 
    this.$el.html("<i class='icon-spin icon-refresh loading-icon' />"); 
    this.collection.each(function(item){ 
    this.renderBook(item); 
    }, this); 
    this.$el.find(".loading-icon").remove(); 
} 

내 목표는 모든 렌더링 된 후에 만 ​​모든 데이터를 표시하는 것입니다.

Answer 1

나는 renderBook에 걸리는 시간이 오래 걸리고 사용자가 어떻게 만들어 졌는지 보지 못하게하려고합니다. 요소를 만들고 DOM의 일부가 아닌 채 채 웁니다.

render: function() { 
    this.$el.html("<i class='icon-spin icon-refresh loading-icon' />"); 
    var $panel = $('<div></div>'); 
    this.collection.each(function(item) { 
     this.renderBook(item, $panel); 
    }, this); 
    this.$el.html($panel); 
}