如何将JavaScript与mdl-layout--fixed-tabs结合使用

Question

I looked at numerous examples of mdl-layout--fixed-tabs usage .

I can't find any example of using mdl-layout--fixed-tabs with JavaScript. My goal is to make different REST backend calls depending on active tab.

Answer 1

MDL is just a collection of CSS classes, each applied to an HTML element.

JavaScript is used to manipulate the HTML underneath the MDL classes, so you just use JavaScript with MDL like you would with regular HTML.

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...