material-design-lite - Material Design Lite - 以编程方式打开和关闭 Toast

Question

我想打开和关闭 MDL toast 而不是使用 MDL usage guide 中指示的超时属性.原因是我希望在进行地理定位时保留 toast ，这有时需要 10 多秒，而其他时间则需要 1 秒。

知道如何做到这一点吗？

Answer 1

我找到的一个 q&d 解决方案，在 sb 对象上调用 cleanup_ 方法。

有了这个解决方案，我可以显示 sb，单击操作处理程序将其隐藏，然后重新触发操作以毫无问题地显示它。

var snackbar = form.querySelector("[class*='snackbar']");
if (snackbar) {
  var data = {
    message: 'Wrong username or password',
    timeout: 20000,
    actionHandler: function(ev){
      // snackbar.classList.remove("mdl-snackbar--active")
      snackbar.MaterialSnackbar.cleanup_()
    },
    actionText: 'Ok'
  };
  snackbar.MaterialSnackbar.showSnackbar(data);
}

由于 cleanup_ 不是公共(public) api 的一部分，我想用一些小检查将其附上以避免灾难是值得的。

snackbar.MaterialSnackbar.cleanup_ 
&& snackbar.MaterialSnackbar.cleanup_()
!snackbar.MaterialSnackbar.cleanup_ 
&& snackbar.classList.remove("mdl-snackbar--active")