Fatal编程技术网
  • backbone.js/
  • Backbone.js 主干木偶为CollectionView设置动画

Backbone.js 主干木偶为CollectionView设置动画

backbone.js

Backbone.js 主干木偶为CollectionView设置动画,backbone.js,marionette,Backbone.js,Marionette,如果我有一个已呈现的CollectionView，并且我使用新数据重置了集合，那么如何淡出当前集合视图，然后使用新集合数据淡入？最简单的方法是，在我的洋葱中，是调用collection.reset函数来完成jQuery.animation。假设您的集合位于类为collection的元素中，那么我会这样做 var that = this; $('.collection').animate({ opacity: 0 }, { complete: function() { that.colle

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

最简单的方法是，在我的洋葱中，是调用
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
功能中启动预加载程序（例如旋转器）。重置
（即，一旦图像被隐藏）
您使用哪个版本的木偶？请检查