我如何使用 JavaScript 和 mdl-layout--fixed-tabs

Question

我看了很多 mdl-layout--fixed-tabs usage 的例子。

我找不到任何将 mdl-layout--fixed-tabs 与 JavaScript 结合使用的示例。我的目标是根据活动选项卡进行不同的 REST 后端调用。

Answer 1

MDL 只是 CSS 类 的集合，每个应用到一个 HTML 元素。

JavaScript 用于操纵 MDL 类 下的 HTML，因此您只需像使用常规 HTML 一样将 JavaScript 与 MDL 一起使用.

var tab1 = document.getElementById("tab1"); // Where tab1 is the ID of
                                            // of your HTML element with
                                            // the applied MDL class.
// Do whatever else you need to do, etc...