JQuery tabs를 쓰면서 새로고침하면 기본 컨텐츠로 넘어가는 현상 [출처] JQuery tabs를 쓰면서 새로고침하면 기본 컨텐츠로 넘어가는 현상|작성자 방방이

by hohoya33

HTML

<div id="TabMenu">
<ul>
<li><a href="#tab-1">tab1</a></li>
<li><a href="#tab-2">tab2</a></li>
<li><a href="#tab-3">tab3</a></li>
</ul>
<div id="tab=1">
   컨텐츠 1
</div>
<div id="tab-2">
  컨텐츠 2
</div>
<div id="tab-3">
  컨텐츠 3
</div>
</div>

JavaScript

$(function() {
 $("#TabMenu").tabs({
        select: function(event, ui) {                   
        window.location.replace(ui.tab.hash);
   //  위 두줄을 추가를 하면 새로고침을 해도 선택된 탭에서 계속 유지가 된다.
     }
 });
});
//http://goodleedw.blog.me/30162351084