javascript - 关闭 Zurb Foundation 5 元标记

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

在互联网上进行了搜索,但找不到任何相关内容。 如何关闭 <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">

最佳答案

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 删除(包含后)

将这段代码片段包含到您的网站中。它应该在 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(); 

关于javascript - 关闭 Zurb Foundation 5 元标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32990803/

相关文章:

javascript - 为什么 Fullcalendar 的 addEvent 不起作用

javascript - 从 HTML 表单传递变量 -> ajax load()

html - 如何将 font-awesome 与 mjml 一起使用?

jquery - 如何禁用《基础 4》中的轨道计时器?

css - 如何使用 Zurb Foundation 和 SASS mixins 实现响应式 Pinterest 风格的布局?

javascript - 如何在html中使用javascript重复解析json数据

javascript - Ember JS : retrieving model from route when multiple models are retrieved

javascript - Angularjs:如何拦截外部 url $resource 或 $http 服务中的错误?

html - 页脚和滚动条中的菜单停止

slider - 基础6 slider : range stating from negative values