Materialise 1.0.0 中切换选项卡的问题

Question

我想 select 单击 link 的选项卡。我尝试使用不同的在线可用解决方案
(including $('ul.tabs').tabs('select_tab', 'tab_id');)
但 none 似乎适用于当前的物化版本。

materialize 的官方文档声明使用
var instance = M.Tabs.init(el, options); instance.select('tab_id');
进行初始化，但是 none 的方法似乎可以正常工作当前版本或已明确指定 w.r.t Materialise Tabs。

非常感谢任何帮助。下面是代码片段以及 jsfiddle link,

<html>
<head>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/js/materialize.min.js"></script>

<!--
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css" rel="stylesheet" />
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script>
-->


<script>

$(document).ready(function() {
    $('ul.tabs').tabs();
    $("#btnContinue").click(function() {
        $('ul.tabs').tabs('select_tab', 'test2');
    });
});



/* var instance = new M.Tabs.init(el, options);


function check_active(){

    var instance = M.Tabs.getInstance(elem);

    instance.select('test2');

}  */


</script>


</head>

<body>

<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' onclick="check_active();">continue</a>-->
  <a id="btnContinue" href='#test2'>continue</a>
</div>
<div id='test2' class="col s12"></div>

</body>

</html>

JSFiddle Link 同样：https://jsfiddle.net/chirag_cyber/6evpqcfb/6/

Answer 1

你应该改变

$('ul.tabs').tabs('select_tab', 'test2');

至：

$('ul.tabs').tabs('select', 'test2');

select 显示与id 标签对应的标签内容。 JSFiddle

Materialise 1.0.0 中切换选项卡的问题

Issues in Switching Tabs in Materialize 1.0.0

tabs

materialize