关闭 Zurb Foundation 5 元标记答案

【问题标题】：Turn off Zurb Foundation 5 meta tags关闭 Zurb Foundation 5 元标记
【发布时间】：2015-10-19 15:38:34
【问题描述】：

搜索了整个互联网，但找不到任何关于它的信息。如何在<head> 中关闭这个 zurb Foundation 5 元标记：

<meta class="foundation-mq-small">
<meta class="foundation-mq-small-only">
<meta class="foundation-mq-medium">
<meta class="foundation-mq-medium-only">
<meta class="foundation-mq-large">
<meta class="foundation-mq-large-only">
<meta class="foundation-mq-xlarge">
<meta class="foundation-mq-xlarge-only">
<meta class="foundation-mq-xxlarge">
<meta class="foundation-data-attribute-namespace">

【问题讨论】：

foundation-mq- 元标记由 Foundation JS 生成，用于各种插件（交换、顶部栏、工具提示等）。如果您希望保留其中一些模块提供的功能，它们很重要。
我只是想使用一个 Reveal Modal 作为一个独立的插件，这就是为什么我需要包含一个 foundation.js 文件。
如果你启用了 jQuery，只需使用 $('meta[class*="foundation"]').remove(); 删除它们
这些元标记在validator.w3.org上生成html验证错误

标签： javascript html zurb-foundation zurb-foundation-5

【解决方案1】：

1) 你不应该。一些 Foundation 的 JS 插件需要它们。

2) 如果您只想使用 Reveal Modal，则不需要删除这些元标记。您可以简单地将这个插件包含在您的网站中：

<script src="/js/foundation.js"></script>
<script src="/js/foundation.reveal.js"></script>

或者，如果你使用foundation.min.js，你只能初始化这个插件：

$(document).foundation('reveal');

3) 如果您绝对有信心出于某种原因想要删除这些标签，您有三种可能性：

编辑文件foundation.js

从文件foundation.js中删除这部分。

header_helpers([
   'foundation-mq-small',
   'foundation-mq-small-only',
   'foundation-mq-medium',
   'foundation-mq-medium-only',
   'foundation-mq-large',
   'foundation-mq-large-only',
   'foundation-mq-xlarge',
   'foundation-mq-xlarge-only',
   'foundation-mq-xxlarge',
   'foundation-data-attribute-namespace']);

通过纯 JavaScript 删除（包含后）

在您的网站中包含此代码 sn-p somwhere。它应该在 Foundation 初始化之后运行。

var metas = document.getElementsByTagName('meta');
for (index = metas.length - 1; index >= 0; index--) {
  var metaClass = metas[index].getAttribute('class') || '';
  if (metaClass.indexOf('foundation') > -1) {
    metas[index].parentNode.removeChild(metas[index]);
  }
}

由 jQuery 删除（包含后）

这段代码 sn-p 需要 jQuery，但是，您应该已经包含它，因为 Foundation 依赖于它。当然，它也应该在 Foundation 初始化之后运行。

$('meta[class*=\'foundation\']').remove();

【讨论】：