뒤로 및 앞으로 브라우저 버튼을 사용할 때 이벤트를 클릭하십시오.

Question

숨겨진 인라인 div를 표시하기 위해 클릭 이벤트를 사용하고 있습니다. 현재 Ben Alman의 Jquery 해시 변경 이벤트 http://benalman.com/projects/jquery-hashchange-plugin/을 사용 중이므로 앞으로 및 뒤로 브라우저 버튼에 URL의 해시 태그 링크가 표시됩니다. 문제는 앞뒤로 갈 때 숨겨진 div가 숨겨져 있고 내가 보여줄 필요가 있다는 것입니다.

HTML :

<ul> 
<li><a href="#link1">Link 1</a></li> 
<li><a href="#link2">Link 2</a></li> 
<li><a href="#link3">Link 3</a></li> 
<li><a href="#link4"><Link 4</a></li> 
</ul> 

<div id="div1"></div> 
<div id="div2"></div> 
<div id="div3"></div> 
<div id="div4"></div> 

스크립트 : 당신은 내가 jQuery를 주소를 권하고 수 있습니다 hashchange 플러그인 변경과 확인하는 경우

$("#link1").click(function() { 
    $("#div1").fadeIn("400"); 
    $("#div2, #div3, #div4").hide(); 
}); 
$("#link2").click(function() { 
    $("#div2").fadeIn("400"); 
    $("#div1, #div3, #div4").hide(); 
}); 

Answer 1

.
은 당신이 쓰는 해시 변화를 잡기 위해 여기 http://www.asual.com/jquery/address/

참조 :

$.address.change(function(event) { 
    // Your code here 
}); 

이 hashchange 기능에 대해 좋은 점은 플러그인이 항상 호출되는 보장한다는 것입니다 후 document.ready, 당신 때문에 이 일에 대해 가질 필요는 없습니다.

event.pathNames [0] 당신이 필요로하는 해시 될 것입니다. 당신은 change hadnler 안에서 그것을 사용할 수 있고 원하는 div를 보여줄 수 있습니다.

이 데모 참조 (내가 정확히 당신이 필요하지 생각 을 브라우저 버튼로를 확인하십시오.) :
http://www.asual.com/jquery/address/samples/api/

샘플 사용 :http://www.asual.com/jquery/address/docs/#sample-usage