Jquery 如何修复基础？JS移动从主干视图中揭示模态HTML 我正在开发一个带有BurnBo.js和Buffy.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为空

---

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

对于查找答案的任何人，我通过添加根元素修复了此错误：

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

---

然而，ROTTH元素在基础6中被折旧。