1

Material Design Lite で JavaScript を使用してタブをアクティブにすることはできますか?

内部のリンクを使用してタブをアクティブにしたいmdl-layout__drawerですか?

そのための機能はありますか？

4

2 に答える 2

1

問題ない。ドロワー内のすべてのタブをミラーリングする必要があると思います。すべてではなく、特定の項目のみでタブをアクティブにしたい場合は、サンプル コードの最後の行を調整するだけです。どのリンクがタブをアクティブにし、どのリンクがタブをアクティブにしないかを特定したい場合は、"drawer-tab-clicker" クラスを追加してください。 . 私はそれらすべてが欲しかったので、以下のサンプルはすべてのドロワー リンクを行います。

引き出しのリンクに、アクティブ化するタブとまったく同じ href ハッシュを指定してから、魔法の jQuery を実行する必要があります ...

    function opentab() {
            var draweritem = this;
            var target = $(draweritem).attr('href');
            $('.mdl-layout__obfuscator').click();
            $('a[href='+target+'].mdl-layout__tab span').click();
            return false;
    }
    $(".mdl-layout__drawer a").on('click',opentab);

これは、クリックしたばかりの引き出しアイテムを取得し、それが指しているhrefを読み取り、「難読化ツール」をクリックして引き出しを閉じ、そのhrefに基づいてレイアウト タブを見つけます。次に、リンク内のスパンをクリックします(リンク自体ではありません)。

私のために働く！

于 2017-01-04T11:53:54.877 に答える
0

現在、プログラムによるタブの切り替えはサポートされていません。

タブの切り替え方法を逆にして、同じロジックを処理する独自の関数を実装する必要があります。

于 2015-07-20T12:17:57.243 に答える