关闭 Zurb Foundation 5 元标记

Question

在整个互联网上搜索，但找不到任何相关信息。如何在 <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">

Answer 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 删除（包含后）

在您的网站的某个地方包含该代码片段。基础初始化后应该是运行

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（包括后）

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

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

关闭 Zurb Foundation 5 元标记

Turn off Zurb Foundation 5 meta tags

html

javascript

zurb-foundation

zurb-foundation-5