Backbone Marionette为CollectionView设置动画

Question

如果我有一个呈现的CollectionView并且我使用新数据重置了Collection，我怎么能淡出当前的集合视图然后用新的集合数据淡化它？

Answer 1

在我的洋葱中，最简单的方法是在完成collection.reset时调用jQuery.animation函数。假设您的收藏集位于类collection的元素中，那么我会这样做，

var that = this;
$('.collection').animate({ opacity: 0 }, { complete: function() {
    that.collection.reset(newModels);
    // Now to fade it back in
    $(this).animate({ opacity: 0 });
  }
});

当您准备重置集合时，可以从视图中运行这些行。如果你有很多必须发生的渲染，那么你可能想要在complete之前的collection.reset函数内射击预加载器（例如一个微调器）（即as一旦图像被隐藏）