2015-10-07 154 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();