[php]Jquery ui tab 새로고침해도 select tab 유지

https://www.flynsarmy.com/2015/04/remembering-active-tab-in-jquery-ui-tabs/

Remembering Active Tab in JQuery UI Tabs

JS

jQuery(function($) {
    var index = 'qpsstats-active-tab';
    //  Define friendly data store name
    var dataStore = window.sessionStorage;
    var oldIndex = 0;
    //  Start magic!
    try {
        // getter: Fetch previous value
        oldIndex = dataStore.getItem(index);
    } catch(e) {}
 
    $( "#tabs" ).tabs({
        active: oldIndex,
        activate: function(event, ui) {
            //  Get future value
            var newIndex = ui.newTab.parent().children().index(ui.newTab);
            //  Set future value
            try {
                dataStore.setItem( index, newIndex );
            } catch(e) {}
        }
    });
});

html

<div id="tabs">
	<ul>
		<li><a href="#tabs-1">Tab 1</a></li>
		<li><a href="#tabs-2">Tab 2</a></li>
		<li><a href="#tabs-3">Tab 3</a></li>
	</ul>
	<div id="tabs-1">
		first tab
	</div>
	<div id="tabs-2">
		second tab
	</div>
	<div id="tabs-3">
		third tab
	</div>
</div>

 

이거 실수로 삭제되서 근 이틀간을 낭비했다...

기존에는 git commit 을 꾸준히 했는데, 회사 소스에 푸쉬 기록남기기 싫어서 이렇게 했더만....

 

바빠서 해당 코드를 사용한 것을 기록안하고 다른 코드 넣다가 해당 코드가 삭제되어서...

시간낭비 했구려...