제목은 페이지 새로 고침 후에 만 ​​표시됩니다.

Question

내 웹 사이트에 다음 URL이 있습니다. 사용자가이 링크 http://localhost:8080/krishi/#modal2 (실제로는 팝업 창)을 방문하면 웹 페이지 제목을 변경하고 싶습니다. 그래서 다음 코드를 사용했습니다.

if(window.location.hash === "#modal2"){ 
    document.title = "Modal2"; 
    } 

나는 첫 번째 클릭에 변경

1. $(document).ready(function(){}) 
2. window.onload=function(){} 

제목의 내부 코드를 사용하여 시도 내가 URL 만 새로 고침합니다. 나는 그것이 캐시 때문이라고 생각합니다. 그래서 다음 페이지를 새로 고침하여 현재 페이지를 새로 고침하고 제목을 표시하도록 코드를 추가합니다.

if(window.location.hash === "#modal2"){ 
    window.location.reload(); 
    document.title = "Modal2"; 
} 

그러나 작동하지 않습니다. 그것은 반복됩니다. 이 문제를 해결할 수있는 아이디어를 제안하십시오. 미리 감사드립니다.

Answer 1

hashchange 이벤트를 사용해야합니다.

$(window).on('hashchange', function() { 
    alert('window.location.hash = ' + window.location.hash); 

    if(window.location.hash === "#modal2"){ 
    document.title = "Modal2"; 
    } 
}); 

Answer 2

당신은 클릭 이벤트에서 사용할 수있는 쿼리를 해결하기 : 여기 JSFiddle에서이 이벤트를 트리거의 데모입니다. 그것은 쉽고 더 좋은 방법이 될 것입니다. 클릭 이벤트로 코드를 변경해보십시오. 더 좋고 간단한 방법이 될 것입니다. 감사.