페이지에서 어떤 내용이 활성화되어 있는지 확인하는 방법

Question

나는 약간의 지식을 잃었으며 정직하게 무엇을 검색해야할지 모르겠다. 내가 할 수 있어야하는 것은 웹 페이지에서 어떤 콘텐츠를 보여줄지 결정하는 것이다. 내가 새로 고칠 때 모든 것이 다시 설정되지는 않는다. 예를 들어, 누군가가 메시지 탭을 클릭하면 브라우저가 새로 고침 할 때이를 알기를 원하면 그 탭을 유지해야합니다. 이 URL 인코딩을 통해 이루어집니다 믿지만 확실하지 않습니다. 어떤 도움이라도 굉장합니다! 고마워 동료 코더.

추가 정보 : 페이지에 2 개의 버튼이 있습니다. 하나는 "home"으로 이름 지어졌고 클릭하면 홈 페이지의 내용이 "info-main"상자에 나타납니다. 나는 아약스 요청으로 이것을하고있다. "프로파일 편집"을 클릭하면 div id "info-main"의 내용이 ajax를 통해 검색된 편집 프로파일 정보로 대체되기를 원합니다. 다른 사람이 페이지를 새로 고치는 경우 어떻게 알아 내야합니다 ... 기본 프로필 인 '집'콘텐츠로 돌아가는 대신 프로필 정보 수정을 유지하고 싶습니다.

추가 정보 (다시) 방금 ​​전 좋은 아이디어가있었습니다. 페이지가 새로 고쳐지면 url로 인코딩 된 내용을 기반으로 특정 Ajax 코드를로드하려고합니다. 예를 들어

.... URL이있는 경우는 :

http://www.exampleurl.com/index.php?info=status-load

나는 브라우저 상태의 검색을위한 내가 가지고있는 아약스를 실행합니다.

URL이 경우

또는

:

http://www.exampleurl.com/index.php?info=edit-prof

이 나는 ​​프로필 편집 정보를 검색하기위한 내가 가지고있는 Ajax 코드를로드 할.

정말 도움이 되길 바랍니다. :/

Answer 1

나는 그것을 할 방법은 내가 링크 즉, HREF = "# 메시지"

가 그럼이 코드은 .js를 연결하기 전에 #을 장소입니다.

$(function() { 
var hash = location.hash 
    , hashPieces = hash.split('?') 
    , activeTab = $('[href=' + hashPieces[0] + ']'); 
activeTab && activeTab.tab('show'); 
}); 

내가이, 당신은 해시 태그와 링크를 사용하여 페이지의 요소를 참조 들어

Answer 2

도움이되기를 바랍니다. 이 같은 레이아웃이있는 경우 예를 들어, :

<div class="top-nav"> 
    <a href="/">Home</a> 
    <a href="/editProfile">Edit Profile</a> 
</div> 

을 그리고 당신은 당신의 editProfile 페이지에 암호 편집 양식을 가지고, 당신은 이런 식으로 같은 수 있습니다 :

<a href="/editProfile#passwordChange">Edit Profile</a> 

당신이있는 경우 editProfile의 <form id="passwordChange">

더 읽기 : http://css-tricks.com/hash-tag-links-padding/