1

サイトにタブを作成しました。タブとは、ナビゲーション リンクを意味します。新しいページをロードするのではなく、Java スクリプトと CSS を使用して、より多くのコンテンツを含む別のタブに切り替えるだけです。このようにして特定のページにリンクするにはどうすればよいのでしょうか。

私のコードは次のようなものです: Using jquery easyui, how to create a tab by a link that is in a tab?

編集: http://fogest.net16.net/righttoweb/ <<< サイトへのリンクがあります。タブを見てください。それらのタブの 1 つのページにどのようにリンクしますか?

4

1 に答える 1

4

URL の末尾にアンカーを追加します。つまりhttp://URL/righttoweb#about、$(document).ready()コード ブロックでアンカーを取得し、ハッシュ テーブルを使用して、どのタブを選択する必要があるかを判断します。

また、ユーザーがタブをクリックしたときに、トップバーのアンカーも更新して、ユーザーが URL をブックマークしたり他の人に送信したりした場合に選択されたタブを保持するようにしてください。

編集：

ユーザーがタブの 1 つをクリックするたびに、onClick イベントを使用して、ページのナビゲーション履歴を変更する必要があります。たとえば、次のようになります。

window.history.pushState("object or string", "Some Title", "#tab" + tabname);

これにより、戻る/進むボタンが機能するようになります

その後、ページが読み込まれるたびに

$(document).ready(function() {
    if(window.location.href.indexOf('#'))
        updateTab(location.hash);
});

function updateTab(tabname) {
    your logic to update tab...
}

これが理にかなっていることを願っています

于 2012-05-08T01:57:26.970 に答える