如何以编程方式单击“mdl-layout - fixed-header”菜单按钮

Question

我有一个按钮，我想打开mdl-layout__drawer。例如，请参阅official example here并注意菜单图标在点击时打开抽屉。

我有一个按钮，点击后我想要抽屉打开。我已经使用jQuery.click（）方法尝试了下面的两个jQuery选择器。两者都不起作用 - 只有屏幕闪烁。有什么想法吗？

$(".mdl-layout__drawer-button").click();
$(".material-icons:contains('menu')").click();

Answer 1

确保您的代码位于$(document).on('pageinit')内，并且您使用正确的选择器来检测按钮点击，如下例所示：

$(document).on('pageinit', function() {
        $("#idOfTheButton").click(function() {
            $(".mdl-layout__drawer-button").click();
    }); 
});

Answer 2

无需单击菜单按钮，即可使用材质API切换sidenav可见性 document.querySelector('.mdl-layout').MaterialLayout.toggleDrawer();