복붙노트

[JQUERY] 부트 스트랩 3 : 페이지 새로 고침 선택한 탭을 유지

JQUERY

부트 스트랩 3 : 페이지 새로 고침 선택한 탭을 유지

해결법


  1. 1.나는 윈도우의 hashvalue에서 선택한 탭을 저장하는 것을 선호합니다. 이것은 또한 동료를 참조보다는 "동일한"페이지에 대한 링크를 전송 할 수 있습니다. 트릭은 다른 탭을 선택하면 위치 해시를 변경하는 것입니다. 이미 페이지에 #을 사용하는 경우, 가능성이 해시 태그는 분리되어야한다. 내 응용 프로그램에서 나는 사용 ":"해시 값 구분한다.

    나는 윈도우의 hashvalue에서 선택한 탭을 저장하는 것을 선호합니다. 이것은 또한 동료를 참조보다는 "동일한"페이지에 대한 링크를 전송 할 수 있습니다. 트릭은 다른 탭을 선택하면 위치 해시를 변경하는 것입니다. 이미 페이지에 #을 사용하는 경우, 가능성이 해시 태그는 분리되어야한다. 내 응용 프로그램에서 나는 사용 ":"해시 값 구분한다.

    <ul class="nav nav-tabs" id="myTab">
      <li class="active"><a href="#home">Home</a></li>
      <li><a href="#profile">Profile</a></li>
      <li><a href="#messages">Messages</a></li>
      <li><a href="#settings">Settings</a></li>
    </ul>
    
    <div class="tab-content">
      <div class="tab-pane active" id="home">home</div>
      <div class="tab-pane" id="profile">profile</div>
      <div class="tab-pane" id="messages">messages</div>
      <div class="tab-pane" id="settings">settings</div>
    </div>
    

    자바 스크립트는