Hello. Tell me, please, how can I stay on the last active tab of the Tabs component in MaterializeCSS after reloading the page?

I tried to do this, but apparently, I think in the wrong direction.

<script> function selectLastTab(tab) { $('ul.tabs').tabs('select_tab', tab); } </script>"; <ul class="tabs"> <li class="tab col s2" onclick="selectLastTab('t1')"><a class="active" href="#t1">T1</a></li> <li class="tab col s2" onclick="selectLastTab('t2')"><a href="#t2">T2</a></li> <li class="tab col s2" onclick="selectLastTab('t3')"><a href="#t3">T3</a></li> </ul>

Gives an error message:

jquery-2.1.1.min.js: 2 Uncaught RangeError: Maximum call stack size exceeded

    1 answer 1

    Save the current state in localStorage - https://jsfiddle.net/sqpbxuco/3/

     $(function(){ var current_tab = (localStorage || {}).tab || 'test1'; $('ul.tabs').tabs({onShow:saveSelectedTab}); $('ul.tabs').tabs('select_tab', current_tab); function saveSelectedTab(){ var tab_id = $(this).attr('href').substr(1); (localStorage || {}).tab = tab_id; } });