Question

我正在开发一个使用backbone.js和foundation.js的网站。我创建了一个主干父视图，并为其添加了一个主干子视图。

    this.myProfileModalView = new MyApp.Views.MyProfileModalView();
    this.$el.append(this.myProfileModalView.render().el);

此子视图包含用于基础显示模式的html。

<div id="profileModal" class="reveal-modal medium" data-options="close_on_background_click:false;" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog" >

当网站加载时，模式正确地作为子项附加在html中。但是，当我点击打开的模态按钮时，模态html突然放在标签之前。这使得骨干事件无法正常运行，而且这个。$ el出现了空。

如何修复此问题，以使附加的视图停留在同一位置？

Answer 1

对于寻找答案的人，我通过添加root_element来修复此错误：

this.myProfileModalView.$el.find('#profileModal').foundation('reveal', 'open', {
        close_on_background_click:false,
        close_on_esc: false,
        animation: 'fadeAndPop',
        root_element: this.myProfileModalView
    })

如何修复Foundation.js移动从骨干视图中显示模态html

1 个答案: