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