JQuery конкретного содержания загрузки не работает с # ссылкой

Question

Вот мой код:

http://jsfiddle.net/h3ctt/

Если перейти к www.example.com/page.html#example-name1 без загрузив страницу первым он покажет всю страницу и не запрашиваемый контент.

Однако, если вы перейдете к ссылке после загрузки страницы, она будет работать и отображать желаемый контент.

Это очень странно. У кого-нибудь есть проблема?

Answer 1

Я уверен, что вы не можете отобразить эту функциональность на jsfiddle, однако если бы вы были на правильной странице, page.html # example-name1 в строке url должен привести к желаемой функциональности для отображения. Однако, чтобы заставить его работать на правильной странице, вам нужно будет сделать то, что предложили aboodred1 с вашим кодом, т. Е. Запустить код на hashchange. Это необходимо для обеспечения того, что при изменении URL-адреса отображается конкретный контент.

Answer 2

Вы должны проверить хэш onload и onhashchange

// On page load 
$(document).ready(function(){ 
    // When the hash (#something) changes 
    window.onhashchange = function() { 
     doAction(); 
    }; 

    doAction(); 

    function doAction() { 
     // get the current hash minus '#' 
     var profileId = window.location.hash.substr(1); 

     if(profileId != '') { 
      // hide all profiles 
      $('.profile').hide(); 
      // show only the appropriate profile 
      $('#' + profileId).show(); 
     } 
    } 
});