Question

我正在构建一个Backbone Marionette应用程序，其中包括标题区域，页脚（菜单）区域和内容区域。我正在跟随MarionetteJS - 一本温和的入门书。

我的目标是让主要内容Region基于后退/前进按钮智能地左右滑动视图。我最接近的是使用以下代码，它将向上滑动内容，但现在对于任何Region中加载的每个内容（包括页眉和页脚）都是相同的。我想更多地控制使用什么类型的动画以及ItemView / CompositeView。

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

有什么建议吗？

Answer 1

扩展Marionette.Region.prototype是一个坏主意。您应该定义自己的自定义区域类，并仅将其用于您想要的区域

示例：

var HeaderRegion = Backbone.Marionette.Region.extend({
    open: function(view){
        this.$el.hide();
        this.$el.html(view.el);
        this.$el.slideToggle("slow");
    }
});

MyApp.addRegions({
    headerRegion: {
        selector: "#header",
        regionType: HeaderRegion
    }
});

有关详细信息，请参阅Marionette.Region文档

MarionetteJS＆＃34;滑动＆＃34;过渡

1 个答案: