Backbone Marionette 为 CollectionView 设置动画

【问题标题】：Backbone Marionette animate a CollectionViewBackbone Marionette 为 CollectionView 设置动画
【发布时间】：2014-12-24 23:45:54
【问题描述】：

如果我有一个已呈现的 CollectionView 并使用新数据重置 Collection，我如何淡出当前的集合视图，然后使用新的集合数据将其淡入？

【问题讨论】：

你用的是哪个版本的木偶？
签出http://stackoverflow.com/questions/11673445/backbone-marionette-add-a-visual-effect-when-switching-view

标签： backbone.js marionette

【解决方案1】：

在我的洋葱中，最直接的方法是在完成jQuery.animation 后调用collection.reset 函数。假设你的收藏存在于类 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 之前关闭一个预加载器（例如微调器）（即，只要图像被隐藏）

【讨论】：