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);
}

使用Backfire和Backbone加载消息

1 个答案: