为什么标签内容是可见的总是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

回答

相关问题