是否可以使用Material Design Light中的javascript从抽屉激活标签？

Question

是否可以使用Material Design Lite中的javascript激活标签？

我想使用mdl-layout__drawer内的链接激活标签？

那是否有功能？

Answer 1

没问题。我假设您希望抽屉中的所有内容都能反映您的标签。如果你只希望某些项目激活标签而不是全部，只需调整示例代码中的最后一行，如果你想挑出哪些链接激活标签而哪些没有激活标签，可以添加一个“抽屉标签单击”类。 。我想要它们，所以下面的示例将完成所有抽屉链接。

你应该给你的抽屉链接提供与你要激活的标签相同的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找到布局选项卡。然后点击链接中的 span （是的，而不是链接本身）。

适合我！

Answer 2

目前不支持以编程方式切换标签页。

您需要反转选项卡的切换方式，并实现自己的功能来处理相同的逻辑。