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

删除

将thit code snippet 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删除（包含后）

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

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

关闭Zurb Foundation 5 meta标签

1 个答案: