0

これが私のコードです:

http://jsfiddle.net/h3ctt/

www.example.com/page.html#example-name1最初にページをロードせずにに移動すると、要求されたコンテンツではなく、ページ全体が表示されます。

ただし、ページが読み込まれた後にリンクに移動すると、リンクは機能し、目的のコンテンツが表示されます。

これは非常に奇妙です。誰でもこれを修正できますか?

4

2 に答える 2

1

ハッシュ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();
        }
    }
});
于 2013-02-25T20:34:27.800 に答える
0

その機能を jsfiddleに表示できないことは比較的確かですが、適切なページにいた場合、URL バーの page.html#example-name1 は表示したい機能になるはずです。ただし、適切なページで機能させるには、aboodred1 がコードで提案したことを実行する必要があります。つまり、hashchange でコードを実行する必要があります。これは、URL が変更されたときに、その特定のコンテンツが表示されるようにするためです。

于 2013-02-25T20:34:09.037 に答える