[英]Materialize tabs
I'm trying to use materialize tabs in my website but it's not working at all please help me someone where have i done mistake. 我正在尝试使用网站中的实现选项卡,但它根本无法正常工作,请帮助我犯错的人。
<div class="container z-depth-4 storeLocation">
<div class="row hr-top">
<div class="col s12 m12 l12">
<h4>Today's menu</h4>
</div>
</div>
<div class="row">
<div class="col s12 m12 l12">
<ul id="tabs-swipe-demo" class="tabs">
<li class="tab col s3"><a href="#test-swipe-1">Test 1</a></li>
<li class="tab col s3"><a class="active" href="#test-swipe-2">Test 2</a></li>
<li class="tab col s3"><a href="#test-swipe-3">Test 3</a></li>
</ul>
<div id="test-swipe-1" class="col s12 blue">Test 1</div>
<div id="test-swipe-2" class="col s12 red">Test 2</div>
<div id="test-swipe-3" class="col s12 green">Test 3</div>
</div>
</div>
</div> <!-- main container div -->
<script type="text/javascript">
$(document).ready(function(){
$('.tabs').tabs();
});
</script>
i guess you missed to include jQuery in your app. 我想您错过了在应用程序中包含jQuery的功能。 Please refer to below jsfiddle
[https://jsfiddle.net/Gaurav_Kumar_Rana/fe5tg97x/4/][1]
请参考下面的jsfiddle
[https://jsfiddle.net/Gaurav_Kumar_Rana/fe5tg97x/4/][1]
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.