これが私のコードです:
www.example.com/page.html#example-name1
最初にページをロードせずにに移動すると、要求されたコンテンツではなく、ページ全体が表示されます。
ただし、ページが読み込まれた後にリンクに移動すると、リンクは機能し、目的のコンテンツが表示されます。
これは非常に奇妙です。誰でもこれを修正できますか?
これが私のコードです:
www.example.com/page.html#example-name1
最初にページをロードせずにに移動すると、要求されたコンテンツではなく、ページ全体が表示されます。
ただし、ページが読み込まれた後にリンクに移動すると、リンクは機能し、目的のコンテンツが表示されます。
これは非常に奇妙です。誰でもこれを修正できますか?
ハッシュ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();
}
}
});
その機能を jsfiddleに表示できないことは比較的確かですが、適切なページにいた場合、URL バーの page.html#example-name1 は表示したい機能になるはずです。ただし、適切なページで機能させるには、aboodred1 がコードで提案したことを実行する必要があります。つまり、hashchange でコードを実行する必要があります。これは、URL が変更されたときに、その特定のコンテンツが表示されるようにするためです。