0

開発中の新しいサイトでタグ クラウド機能を使い始めたところです。タグ クラウドのリンクをページに移動するように設定できますが、タブ コンテナーを含むページが多数あります。

たとえば、タブ コンテナーがあります。そのパネルの 1 つはスポーツ パネルです。タブ コンテナーには、食べ物、旅行、飲み物などの 3 つのパネルがあります。タブ コンテナのそのパネルに直接移動するタグを作成するにはどうすればよいですか? ここで本当に行き詰まりました。通常の id="something" name="something" を作成しようとし、# を使用してその名前への href タグを作成しようとしましたが、うまくいきませんでした。

誰かが私を助けてくれませんか、もちろん大歓迎です

4

1 に答える 1

0

# が最善の策です。たとえば、次のように表示されるようにリンクを設定するとします。

<a href="/yourpagewithtabs.aspx#tagname">Link text</a>

次に、javascript を使用して「ハッシュ変更」イベントにバインドできます。以下のjQueryの例。

// on load
jQuery(document).ready(function(){

    // bind window hashchange event
    jQuery(window).bind("hashchange", function(){

        // get hash selected
        var hash = window.location.hash;

        // *** now do something with that information *** //
        // *** eg, show hide panels where a nested element, attribute or data matches hash *** //

    });
});

この方法で行う場合は、以前の機能を忘れて、すべての「タブ クリック」を単純にバインドされたハッシュ変更にする必要があります。そうすれば、それは堅固で一貫したものになります。

クエリ文字列を使用して同じことを行うこともできます。そして、「hashchange」のファンでない場合は、別の方法で行ってください。重要なのは、URL で何かを探し、それに対して何かを行う JavaScript 関数を用意することです!

編集

すべてのタブが同じクラスであり、ハッシュが ID と同じ名前であると仮定して、「何かを行うセクション」に追加します。

jQuery(".tabs").hide();
jQuery("#" + hash).show();
于 2013-03-22T14:07:25.640 に答える