如何修复 Foundation.js 从主干视图移动显示模式 html答案

【问题标题】：How to fix Foundation.js moving reveal modal html from backbone view如何修复 Foundation.js 从主干视图移动显示模式 html
【发布时间】：2015-05-29 04:14:14
【问题描述】：

我正在使用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 突然被放置在标签之前。这使得主干事件无法正常工作，并且 this.$el 出现空值。

如何解决此问题，以使附加视图保持在同一位置？

【问题讨论】：

标签： jquery html twitter-bootstrap backbone.js zurb-foundation

【解决方案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
    })

【讨论】：

但是，root_element 在基础 6 中已折旧。