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 回答