爲什麼標籤內容是可見的總是materializecss

我想測試我怎麼能創建使用物化標籤，以及我在測試這個代碼爲什麼標籤內容是可見的總是materializecss

<div class="row" 

<div class="col s12"> 
    <ul class="tabs"> 
    <li class="tab col s3"><a href="#test1">Test 1 </a></li> 
    <li class="tab col s3"><a class="active" href="#test2">Test 2</a></li> 
    <li class="tab col s3"><a href="#test3">Test 3</a></li> 
    <li class="tab col s3"><a href="#test4">Test 4</a></li> 
    </ul> 
</div> 

<div id="test1" class="col s12">Test 1</div> 
<div id="test2" class="col s12">Test 2</div> 
<div id="test3" class="col s12">Test 3</div> 
<div id="test4" class="col s12">Test 4</div> 
</div>

的問題是，所有的div的內容是始終可見如下圖所示

我用這行代碼初始化了標籤$（'ul.tabs'）。tabs（）;

你能幫助我知道爲什麼我得到這個奇怪的輸出？先謝謝你。

來源

2015-08-20 Future Engineer

您可以創建上述問題的演示嗎？ ''行上是否缺少'>'導致它？ –

你可以創建任何小提琴或演示 –

@ManojKumar不，這個錯誤並不是因爲缺少行上的。 –

我在同一個項目中使用jqueryUI，這導致了jQuery ui和materilizecss之間的衝突。解決方案是構建沒有包含選項卡的jQuery UI。 http://jqueryui.com/download/

來源

2015-08-22 14:56:36

在我的情況下，衝突是MaterialiseCSS + Modernizr。 – Giuseppe

，我也和jQueryUI有衝突 –

這可能是由於您的腳本被加載的順序。

如果你使用其他庫有機會，$(document).ready(function() { ...已經被解僱之前，一切已經完全加載，而應該使用：

$(window).on('load', function() { 
    ... 
});

而且，要記住，如果你的腳本來自cdn你應該檢查async和defer屬性。

來源

2017-03-28 09:19:29

爲什麼標籤內容是可見的總是materializecss

回答

相關問題