2015-10-07 75 views
2

在互联网上搜索,但无法找到任何关于它的信息。 我如何关闭这个zurb基础5个meta标签中<head>关闭Zurb基金会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-mq-'元标记由Foundation JS生成以用于各种插件(交换,顶栏,工具提示等)。如果您希望保留其中一些模块提供的功能,它们就很重要。 – Zoran

+0

我只想使用Reveal Modal作为独立插件,这就是为什么我需要包含'foundation.js'文件。 – Molod

+1

如果您启用了jQuery,只需使用$('meta [class * =“foundation”]')移除它们。 –

回答

3

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

2)如果您只想使用Reveal Modal,则不需要删除这些元标记。你可以简单地只包括该插件安装到您的webstie:

<script src="/js/foundation.js"></script> 
<script src="/js/foundation.reveal.js"></script> 

或者,如果你正在使用foundation.min.js,你可以初始化仅此插件:

$(document).foundation('reveal'); 

3)如果你绝对有信心,你要除去这些标签出于某种原因,你有三种可能性:

文件Editation 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代码片段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初始化后运行。

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