backbone.js - Backbone Marionette - 切换 View 时添加视觉效果

Question

当我离开页面(关闭 View /布局)并在同一区域打开一个新页面时，是否有一种方便的方法来添加效果？ (类似于淡入淡出效果)

Answer 1

Marionette 区域有一个方法叫做 open默认情况下只是用新 View 替换旧 View 的 HTML。您可以覆盖此方法以执行您喜欢的任何动画。来自 region documentation :

设置 View 的方式 el被附上

如果您需要更改 View 附加到 DOM 的方式
通过区域显示 View ，覆盖 open的方法
地区。此方法接收一个参数 - 要显示的 View 。
open的默认实现是:

Marionette.Region.prototype.open = function(view){
  this.$el.html(view.el);
}

这将用 View 的内容替换区域的内容 el/内容。你可以改变成你想要的任何东西，
不过，促进过渡效果等等。

Marionette.Region.prototype.open = function(view){
  this.$el.hide();
  this.$el.html(view.el);
  this.$el.slideDown("fast");
}

此示例将导致 View 从顶部向下滑动
的区域，而不仅仅是出现在原地。