Foundation DOM正在删除DOM

Question

我不知道是bug还是小故障。但是，当我尝试以通常的方式创建一个removes组件时，添加data-reveal属性时，总是会删除Reveal DOM。这很奇怪，因为它可以在大多数页面上工作，但不能在page1中工作。

我不能重现这个bug，因为我使用了常用的方法。

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

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

当然，它会实例化，但当我查看我的页面DOM时，它不见了！

请帮帮忙。我检查了我所有的js文件。并且没有任何错误可以移除Reveal DOM

请看附件中的图片。黑色是我的html代码，白色是chrome的调试控制台

​

Answer 1

这是“设计出来的”。Foundation首先删除显示容器，然后将其附加回body元素或创建的覆盖。同样的事情也应该发生在你的其他页面上。如果你需要更多的内容，应该放在DIV里面，而不是父目录。应该没有理由在任何额外的DIVs中包装显示。参见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');
}