首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >关闭Zurb基金会5元标签

关闭Zurb基金会5元标签
EN

Stack Overflow用户
提问于 2015-10-07 11:17:53
回答 1查看 1.3K关注 0票数 2

在互联网上到处搜索,但是找不到任何关于它的信息。如何在<head>中关闭这个zurb基础5元标签?

代码语言:javascript
运行
复制
<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">
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-13 10:02:05

1)你不应该这样做。它们是一些基金会的JS插件所需要的。

2)如果你只想使用显示模式,你不需要删除这些元标签。您只需将此插件包含到您的webstie:

代码语言:javascript
运行
复制
<script src="/js/foundation.js"></script>
<script src="/js/foundation.reveal.js"></script>

或者,如果您使用的是foundation.min.js,则只能插入以下插件:

代码语言:javascript
运行
复制
$(document).foundation('reveal');

3)如果你完全有信心出于某种原因想要删除这些标签,那么你有三种可能性:

文件foundation.js编辑

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

代码语言:javascript
运行
复制
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 (包括后)

将代码片段包含到您的网站中。它应该在基础初始化之后运行。

代码语言: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,但是您应该已经包含它了,因为基金会依赖它。当然,它也应该在基础初始化之后运行。

代码语言:javascript
运行
复制
$('meta[class*=\'foundation\']').remove(); 
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/32990803

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档