Foundation Reveal正在删除DOM

Question

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

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

正在发生的事情是当文档加载时，它立即删除了揭示DOM。 我也尝试删除data-reveal属性并通过javascript实例化一个新的

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

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

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

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

Answer 1

这是“按设计”。 Foundation首先删除reveal容器，然后将其追加到body元素或创建的overlay。同样的事情应该发生在你的其他页面上。如果你需要额外的内容，应该进入揭示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');
}