<div class="col s12">
<ul class="tabs">
<li class="tab col s4"><a href="#test1" class="active">tab1</a></li>
<li class="tab col s4"><a href="#test2">tab2</a></li>
<li class="tab col s4"><a href="#test4">tab3</a></li>
</ul>
</div>
<div id='test1' class="col s12">
<a href='#test2' >continue</a>
</div>
<div id='test2' class="col s12"></div>
i am trying to navigate to next tab after clicking on the button or link such as "Continue Button" in materializeCss. I have attached the image for better understanding.
请参阅文档Materialize
http://materializecss.com/tabs.html http://materializecss.com/tabs.html
将您的代码写在.click()
事件,如下。
$(document).ready(function() {
$('ul.tabs').tabs();
$("#btnContinue").click(function() {
$('ul.tabs').tabs('select_tab', 'test2');
});
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
<div class="col s12">
<ul class="tabs">
<li class="tab col s4"><a href="#test1" class="active">tab1</a>
</li>
<li class="tab col s4"><a href="#test2">tab2</a>
</li>
<li class="tab col s4"><a href="#test4">tab3</a>
</li>
</ul>
</div>
<div id='test1' class="col s12">
<a id="btnContinue" href='#test2'>continue</a>
</div>
<div id='test2' class="col s12"></div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)