2

我正在使用Marionette，我有以下问题。

我创建了一个包含两个不同区域的布局。在initialize布局上加载我布局的两个区域中的两个视图。说ViewA和ViewB。在ViewA一个事件内被触发。该事件被布局消耗以切换并注入其他两个视图。说ViewC和ViewD。每当执行切换时，ViewC并且ViewD没有我应用于它们的相同样式（也是 css）。特别是，没有应用 jQuery Mobile 样式。有什么建议吗？

这里有一些代码，其中注释突出显示了重要部分。

onConfirm : function() {        
        this.leftView =  new ViewC();
        this.rightView = new ViewD();

        this.leftRegion.show(this.leftView);                                                                        
        this.rightRegion.show(this.rightView);

        // FIX calling trigger('create') seems fix the problem. Why? Is this correct?
        this.$el.trigger('create');
    },

initialize : function() {
        // listen for event triggered from ViewA
        // e.g. GloabalAggregator.vent.trigger("ga:confirm");
        // where "ga:confirm" is a simple string
        GloabalAggregator.vent.on("ga:confirm" , this.onConfirm, this);  

        this.leftView =  new ViewA(), // creating here a new ViewC the style is applied correctly
        this.rightView = new ViewB(); // creating here a new ViewD the style is applied correctly
    },

onRender : function () {
        this.leftRegion.show(this.leftView);                                                                        
        this.rightRegion.show(this.rightView);
    }

编辑

打电话trigger('create')似乎可以解决问题。为什么？它是否正确？

4

1 回答 1

1

当您向页面添加新的 html（添加新的渲染视图、将视图交换为其他视图等）时，您必须让 jQuery mobile 知道这一点。

“create”事件用于使用 jQuery Mobile 小部件增强“原始”html。更多信息可以在这里找到：http: //jquerymobile.com/demos/1.0/docs/pages/page-scripting.html 寻找“增强新标记”部分。

于 2013-08-02T12:50:33.010 回答