Foundation Reveal 正在移除 DOM答案

【问题标题】：Foundation Reveal is removing DOMFoundation Reveal 正在移除 DOM
【发布时间】：2016-12-15 03:55:21
【问题描述】：

我不知道这是错误还是故障。但是当我尝试通过在其上添加 data-reveal 属性来以通常的方式制作显示组件时，它总是会删除 Reveal DOM 。这很奇怪，因为它适用于大多数页面，但不适用于 page1。

我无法重现该错误，因为我使用了常见的方法。

发生的情况是当文档加载时，它会立即删除显示 DOM。我还尝试删除 data-reveal 属性并像这样通过 javascript 实例化一个新属性

var elem = new Foundation.Reveal($modal);
console.log(elem);

当然它会实例化，但是当我查看我的页面 DOM 时，它消失了！

请帮忙。我检查了我所有的 js 文件。并且没有什么问题可以删除Reveal DOM

见附图。黑色是我的 html 代码，白色是 chrome 的调试控制台

【问题讨论】：

标签： javascript zurb-foundation zurb-foundation-6

【解决方案1】：

这是“设计使然”。 Foundation 首先删除显示容器，然后将其附加回主体元素或创建的叠加层。同样的事情应该发生在您的其他页面上。如果您需要其他内容，则应进入显示 DIV，而不是父级。没有理由在任何额外的 DIV 中包含显示。请参阅foundation.reveal.js，第 67-72 行。

if(this.$overlay) {
  this.$element.detach().appendTo(this.$overlay);
} else {
  this.$element.detach().appendTo($('body'));
  this.$element.addClass('without-overlay');
}

【讨论】：