jquery - URLを書いてEnterキーを押すと、URLからハッシュコードを取得するにはどうすればよいですか?

Question

私はこの URL を持っています: example.com/index.html#tab-1

URL example.com/index.html#tab-1に従ってブラウザーに書き込み、Enter キーを押します - ページが読み込まれません。

パラメータ tab1 を取得し、id tab1 でコンテンツをロードしたいと考えています。

私のコード:

私はこの関数を呼び出します：

//to load

showTabContent(gethash);


showTabContent: function(id)
        {
            if(id != null)
            {
                var tabid = id.split("-");
                $("#tab"+tabid[1]).show();
            }
        },

gethash: function()
        {
            var hash = window.location.hash;
            if($.trim(hash) != "") return hash;
            else return null;
        }

Answer 1

この関数を使用して、URL をオブジェクトに解析できます: http://james.padolsey.com/javascript/parsing-urls-with-the-dom/。オブジェクトを取得したら、オブジェクトのプロパティを使用して、必要な URL の部分を取得できます。

この投稿で同様の回答が提供されました: String URL to json object

Answer 2

このjQueryプラグインを確認してください：

• http://benalman.com/projects/jquery-hashchange-plugin/
• http://benalman.com/code/projects/jquery-hashchange/docs/files/jquery-ba-hashchange-js.html

JS ファイル: https://raw.github.com/cowboy/jquery-hashchange/master/jquery.ba-hashchange.min.js

あなたのコードの解決策:

HTML:

<a href="#tab-1">Tab1</a>
<div id="tab1"></div>

JS:

obj = {
    checkHash: function(){
        $(window).hashchange( function(){
            var hash = location.hash;
            obj.showTabContent(hash);
        })
    },
    showTabContent: function(id)
    {
        var tabid = id.split("-");
        $("#tab"+tabid[1]).show();
    } 
};

//init
obj.checkHash();